选择阅读路线

不必从头读完才开始动手。先选择一个可以观察的目标，读完一段后回到实验室验证理解。

路线一：我想建立完整地图

检查自己能否回答：设计工具产生的是什么？游戏引擎负责什么？运行库为什么还需要适配？浏览器演示能证明什么？如果这些关系还不清楚，暂时不用急着比较工具性能。

随后按侧栏学习素材、渲染、引擎、动效和落地，每一组都选择一个案例作为参照。

从效果索引选一个目标。先看简单版本，列出素材、布局、交互和状态，再阅读相关基础章：

完成一次实验后，尝试预测改变参数的结果，再操作验证。如果无法预测，回到图解找到缺失的那一层。

阅读 Cocos → 资源交付 → 适配 → 输入 → 资源，然后选择一个案例。

文章中的 Cocos 主线为 3.8 系列。先核对你安装的具体版本、所用扩展和目标平台，再把原理映射到组件。本站不将浏览器中的 SVG、CSS 或 Web Animations API 当作 Cocos 实现代码。

阅读 Shader、动画、粒子，再使用选型方法。先做一个代表最终效果的小样，再讨论批量制作。

判断时需要同时考虑视觉收益、素材制作、运行资源和维护能力。不要仅凭“引擎支持该功能”就承诺它能在所有目标设备流畅运行。

先看性能边界区分 CPU、GPU、内存与加载问题；文字错位看文字排版，点击错位看坐标与输入，图片边缘异常看素材和图集。