jchehe / arkanoid_1

碰撞小游戏——打砖块拯救女神之玩法一

打砖块小游戏

打完所有砖块后，你就得到“意想不到”的福利哟😍~

该项目主要是在预研『2D碰撞检测』后萌生的想法，《“等一下，我碰！”——常见的2D碰撞检测》。

Designed by LV.

技术实现：

采用 Canvas 2D API 编写，音效处理则采用 howler 库。

玩法

该游戏有两种玩法：

1. 第一种玩法采用轴对称包围盒(小球、砖块、挡板)的碰撞检测法。

   • 代码地址：就是当前代码库了😁。
   • 体验链接：http://h5_collision_game_1.aco.aotu.io/
   • 二维码：

2. 第二种玩法采用轴对称包围盒(小球与砖块)和分离轴定理（小球与可旋转的挡板）两种碰撞检测法。

   • 代码地址：https://github.com/JChehe/Arkanoid_2
   • 体验链接：http://h5_collision_game_2.aco.aotu.io/
   • 二维码：

示例图

玩法一和玩法二主要区别是挡板不同。

启动页面：

玩法一：

玩法二：

开发

采用 ELF 构建工具进行开发。开发时，主要关心 /src 目录即可。

# 安装依赖
npm install

# 开发模式
npm start

# 构建
npm run build

peace out!👋