21、从零开始：HTML5 游戏开发全攻略

从零开始：HTML5 游戏开发全攻略

在游戏开发中，碰撞检测是一个关键环节。有一种函数可以比较两个实体的位置，判断它们是否占据了相同的空间。对于小画布和屏幕上有限数量的实体来说，这是目前能实现的最快的碰撞检测方法。在完成了一个小型的游戏引擎后，接下来就可以正式开始开发游戏了。

游戏文件结构

游戏的文件结构比引擎更为复杂，主要包含以下几个部分：

├── components
│   ├── addEntity.js
│   ├── addProjectile.js
│   ├── checkCollision.js
│   ├── debugBoard.js
│   ├── diceroll.js
│   ├── drawEntities.js
│   ├── drawGameOver.js
│   ├── drawGameWon.js
│   ├── drawHud.js
│   ├── clearCanvas.js
│   ├── keyInput.js
│   ├── keypress
│   │   ├── a.js
│   │   ├── d.js
│   │   ├── down.js
│   │   ├── index.js
│   │   ├── left.js
│   │   ├── right.js
│   │   ├── s.js
│   │   ├── space.js
│   │   ├── up.js
│   │   └── w.js
│   ├── outOfBounds.js
│   ├── removeEntity.js
│   └── setupGame.js
├── confi