坦克大战（HTML5）开发教程
本教程基于本工作区已实现的「坦克大战」源码（HTML5 Canvas 复刻红白机 Battle City）逐模块讲解。 读完后你将能独立从零搭建一个 60fps、数据驱动、可扩展 的俯视角坦克射击游戏，并理解其中每个模块的设计取舍。
配套源码入口：
index.html，核心逻辑在js/下 6 个文件，单元测试在tests/tank.test.js。
GitHub 源代码：https://github.com/wang-junjian/tank-battle
1. 项目简介与技术栈
「坦克大战」是一款经典俯视角坦克射击游戏：玩家操控己方坦克在 13×13 的迷宫战场中移动、射击，摧毁敌方坦克并保护己方基地（老鹰）。
技术栈（零依赖、零构建步骤）：
| 技术 | 用途 |
|---|---|
| HTML5 Canvas 2D | 全部战场渲染 |
| 原生 JavaScript（ES6 class） | 游戏逻辑，不依赖任何框架 |
| Web Audio API | 实时合成音效与 BGM（无音频素材文件） |
| localStorage | 最高分与配置持久化 |
| node:test | 引擎逻辑的单元测试（无需浏览器） |
为什么选这套栈： 无打包、无依赖，双击即可运行；逻辑与渲染分离后，核心玩法甚至能在 Node 里跑测试。这对"快速做出可玩原型"极其友好。
2. 运行、调试与测试
2.1 本地运行
直接用浏览器打开 index.