{"id":19667451,"url":"https://github.com/jchehe/arkanoid_2","last_synced_at":"2026-05-16T03:01:59.481Z","repository":{"id":145196374,"uuid":"88248665","full_name":"JChehe/Arkanoid_2","owner":"JChehe","description":"碰撞小游戏——打砖块拯救女神之玩法二","archived":false,"fork":false,"pushed_at":"2017-04-14T08:34:37.000Z","size":1148,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-10T02:55:18.148Z","etag":null,"topics":["arkanoid","game","html5-canvas","html5-game"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JChehe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-04-14T08:22:42.000Z","updated_at":"2020-04-16T16:00:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"bc8c7390-1cf0-4e88-8f1b-a0eb36314924","html_url":"https://github.com/JChehe/Arkanoid_2","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JChehe%2FArkanoid_2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JChehe%2FArkanoid_2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JChehe%2FArkanoid_2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JChehe%2FArkanoid_2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JChehe","download_url":"https://codeload.github.com/JChehe/Arkanoid_2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240976475,"owners_count":19887492,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["arkanoid","game","html5-canvas","html5-game"],"created_at":"2024-11-11T16:32:12.855Z","updated_at":"2026-05-16T03:01:59.356Z","avatar_url":"https://github.com/JChehe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 打砖块小游戏\n\n打完所有砖块后，你就得到“意想不到”的福利哟😍~\n\n该项目主要是在预研『2D碰撞检测』后萌生的想法，[《“等一下，我碰！”——常见的2D碰撞检测》](https://aotu.io/notes/2017/02/16/2d-collision-detection/)。\n\nDesigned by [LV](https://github.com/mamboer).\n\n## 技术实现：\n\n采用 Canvas 2D API 编写，音效处理则采用 [howler](https://github.com/goldfire/howler.js) 库。\n\n## 玩法\n\n该游戏有两种玩法：\n\n 1. 第一种玩法采用轴对称包围盒(小球、砖块、挡板)的碰撞检测法。\n    - 代码地址：https://github.com/JChehe/Arkanoid_1\n    - 体验链接：http://h5_collision_game_1.aco.aotu.io/\n    - 二维码：![玩法一二维码](http://7xq7nb.com1.z0.glb.clouddn.com/liantu.png)\n\n 2. 第二种玩法采用轴对称包围盒(小球与砖块)和分离轴定理（小球与可旋转的挡板）两种碰撞检测法。\n    - 代码地址：就是当前代码库了😁。\n    - 体验链接：http://h5_collision_game_2.aco.aotu.io/\n    - 二维码：![玩法一二维码](http://7xq7nb.com1.z0.glb.clouddn.com/liantu%20%281%29.png)\n\n\n## 示例图\n\n玩法一和玩法二主要区别是挡板不同。\n\n启动页面：\n\n![启动页面](http://7xq7nb.com1.z0.glb.clouddn.com/0.jpg)\n\n玩法一：\n\n![玩法一](http://7xq7nb.com1.z0.glb.clouddn.com/1.jpg)\n\n玩法二：\n\n![玩法二](http://7xq7nb.com1.z0.glb.clouddn.com/2.jpg)\n\n\n## 开发\n\n采用 [ELF](https://github.com/o2team/elf) 构建工具进行开发。开发时，主要关心 `/src` 目录即可。\n\n```bash\n# 安装依赖\nnpm install\n\n# 开发模式\nnpm start\n\n# 构建\nnpm run build\n```\n\npeace out!👋\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjchehe%2Farkanoid_2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjchehe%2Farkanoid_2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjchehe%2Farkanoid_2/lists"}