游戏导学

一句话：前端转 Web 游戏——先原生游戏循环，再 Phaser 街机，再 Cocos 对照。
文章表见本系列 README。进度：01～14 已写；15～18 待写。

适合谁 / 不适合谁

适合	不适合
有 TypeScript / 前端工程经验，想做小游戏	零基础前端（先补 TS/工程）
接受「先理解循环再上引擎」	只想直接微信小游戏上架（阶段四本系列不做）
用周里程碑加练	与算法每日配额抢时间

学完验收

说清 Web 代码派 vs 编辑器派；本系列顺序与官方真源。
阶段一：rAF 循环、逻辑帧、输入实体、AABB；无引擎可玩约 30s 街机原型（篇 05）。
阶段二：Phaser 完整一关 + Cocos 同玩法对照；能口述何时选谁（篇 13～14）。
阶段三（待写）：FSM / 对象池 / UI 解耦——篇目已挂，正文未齐。

推荐路径

text

阶段一 Canvas + rAF（01～05）
  → 阶段二 Phaser 街机（06～10）→ Cocos 对照（11～14）
  → 阶段三架构（15～18，待写）
  ✕ 阶段四打包发布（本系列不做）

检查点	说明
05	迷你街机验收；不过关别急上引擎
10	Phaser 一关 + HUD/Game Over
14	阶段二复盘；再等 15～18 或自补架构

与前端进阶 · 11 · Canvas 不同：那边偏可视化/DPR；本系列专写 Game Loop。可视化篇扫过即可，游戏从 01 按序做。

完整篇目：→ README。

怎么用本系列

节奏	建议
平日 40～60′	1 篇 + 敲到本机 Vite 项目
周末	冲 05 / 10 /（将来 18）里程碑
并行	周里程碑，不抢算法每日块
卡壳	文内官方入口 → AI → 对照官方验收

与其它模块的关系

兴趣加练线；履历主线仍是算法 + Go/前端配额。
不用改 Journal 产品客户端；练习代码默认在文内代码块。

下一步