Egret游戏引擎视频教程/HTML5 H5游戏开发 微信游戏开发视频教程

先说结论：这是一套讲 HTML5 游戏开发的技术资料，核心工具是 Egret 引擎，附带 DragonBones Pro 骨骼动画的部分。它不是「零基础转行做游戏」的通行证，但对一类特定处境的人有用——已经会写 JavaScript，想做出能在浏览器和微信里跑起来的小游戏，又不想在环境搭建和引擎 API 上耗掉太多时间。

它对应的是什么工作场景

打开招聘需求时你会发现，H5 游戏开发这个方向真实存在，但不多见于大厂核心项目，更多集中在中小游戏团队、外包公司、营销互动公司，以及需要做活动页、品牌小游戏、微信小游戏的企业内部团队。这些岗位的共同点是：项目周期短、上线要求快、包体要小、性能要稳。

这套资料覆盖的正是这类项目的完整链路——从引擎的项目结构、显示对象体系，到资源加载、事件系统，再到把做好的内容发布到微信小游戏平台。DragonBones 那 18 节单独拿出来讲骨骼动画，也是因为在这类项目里，角色动作几乎绕不开骨骼动画方案，纯逐帧序列图会把包体撑得很难看。

学完能独立做什么

比较现实的预期是：能独立完成一个体量不大的 H5 小游戏或互动页面，包括场景切换、元素动画、触摸交互、计分与状态管理，并能把它打包成微信小游戏提交预览。如果本身写 JS 已经顺手，学完后接一个营销小游戏的外包单子，或者给自己的产品做一个活动互动页，是够用的。

需要提前说清楚的是，引擎教程解决的从来不只是「引擎怎么用」。真正上线时会卡住你的，往往是微信后台的类目审核、广告位接入、首屏加载优化、不同机型上的渲染差异——这些东西，任何一套引擎教程都只能覆盖一部分，剩下的要靠实际项目去踩。把预期放在「少走弯路」而不是「包教包会」，用起来心态会平稳很多。

资料结构和适合的基础

主线是 Egret 引擎的系统讲解，按功能模块推进，配有章节笔记，方便课后回看。文档整理得相对整齐，这一点对自学者挺重要——很多同类资料的痛点不是内容浅，而是乱，看了几节就不知道自己学到哪了。

DragonBones Pro 部分单独成块，属于工具向内容，不必和主线强行绑定。如果你暂时不做角色动画，可以先跳过，等真有需求再回头补，不会影响主线理解。

• 适合：有 JavaScript 基础，能看懂基本语法和对象写法，想动手做 H5 或微信小游戏的人。
• 勉强适合：有其他语言基础、愿意边看边补 JS 的人，需要额外花时间，进度会比预期慢。
• 不适合：完全没写过代码，指望靠一套视频直接进游戏公司的人。

怎么用这套资料才不浪费

不建议一口气看完全部再动手。引擎类内容的特点是「看得懂」和「写得出来」之间隔着一条沟，每学完一个模块就动手敲一遍，哪怕只是做一个能点击移动的方块，效果也远好于纯看。

另一个建议是给自己定一个最小成品目标，比如「做一个能计分的接物小游戏」，带着这个目标去资料里找对应章节。这样学完时你手里至少有一个能跑、能演示的东西，而不是一堆零散的 API 记忆。做出来的小项目，也比任何结课说明都更能说明你的动手能力。

最后，学完之后建议去翻一下微信小游戏官方文档。教程给的是通用思路，平台规则和接口会变，官方文档才是最终依据。