为什么是 TypeScript 和白鹭引擎?
很多想做微信小游戏或 Facebook Instant Games 的开发者,往往卡在两个地方:一是 JavaScript 的动态类型在项目变大后难以维护,二是找不到合适的引擎框架来快速实现游戏逻辑。这门课从 TypeScript 基础讲起,覆盖了数据类型、面向对象编程、继承、接口以及模块与箭头函数等核心概念,目的是让学习者建立严谨的代码结构意识。接着引入白鹭引擎(Egret),这是国内非常成熟且专门针对 HTML5 游戏的开发框架,特别适合用于构建跨平台的小游戏。通过环境搭建、显示对象、文本处理、资源管理(RES模块)、位图操作、动画制作以及事件机制的学习,学员将掌握一套完整的游戏开发工具链。这种“强类型语言 + 成熟游戏引擎”的组合,正是当前中小体量休闲游戏开发的主流技术栈,能有效解决从零开始造轮子的效率低下问题。
这门课适合谁?如何解决常见痛点?
本课程适合具备基本编程概念、希望转向游戏开发或补充前端游戏项目经验的开发者。如果你之前主要做 Web 页面开发,对面向对象思想不够熟悉,或者面对复杂的项目结构感到混乱,这门课的前半部分将帮助你夯实 TypeScript 基础。如果你曾经尝试过用原生 JS 写游戏,但被冗长的 DOM 操作或复杂的碰撞检测逻辑劝退,后半部分的白鹭引擎内容将提供标准化的解决方案。课程不追求大而全的 3D 大作开发,而是聚焦于即时游戏(Instant Game)所需的轻量级、高性能、快速迭代的技术点。对于转岗者来说,这是一个低风险、高回报的技能切入点,因为小游戏开发在运营侧和变现侧都有成熟的市场需求。对于查漏补缺的学习者,课程中的接口设计与模块化管理章节,能直接提升代码的可读性和可维护性,这是从“能跑”到“好维护”的关键一步。
学完能做什么?如何配合练习?
完成本系列学习后,你将能够独立使用 TypeScript 和白鹭引擎搭建一个完整的 Facebook Instant Game 或类似平台的小游戏项目。具体来说,你可以独立完成游戏场景的创建、资源的加载与管理、角色动画的控制以及交互事件的响应。你将不再依赖现成的模板,而是能够根据需求自定义游戏逻辑。建议的学习顺序是:先扎实掌握第一部分的 TypeScript 语法,尤其是类和接口部分,因为这是后续所有引擎操作的基础;然后进入白鹭引擎部分,重点理解 RES 模块的资源管理方式和 Egret 的事件系统,这两个是游戏开发中最常用也最容易出错的地方。在学习过程中,务必跟着视频动手搭建环境并运行示例,不要只看不练。对于案例部分,建议先尝试复现课程中的 Demo,再自行修改参数观察效果,最后尝试加入自己的美术资源或简化玩法逻辑,以巩固所学。这种“理解概念—复现Demo—微调实验”的路径,能确保你真正掌握引擎的使用而非仅仅记住操作步骤。
课程目录
1-1 [TypeScript] 环境搭建 (23:42) 1-2 [TypeScript] TS语言的数据类型 (31:13) 1-3 [TypeScript] TS面向对象(1) (28:02) 1-4 [TypeScript] TS面向对象(2) (32:07) 1-5 [TypeScript] 继承 (05:05) 1-6 [TypeScript] TS中的接口 (21:18) 1-7 [TypeScript] 模块与箭头函数 (26:02) 2-1 [白鹭引擎] egret引擎 (28:58) 2-2 [白鹭引擎] egret 显示对象和文本 (34:37) 2-3 [白鹭引擎] RES模块与位图 (32:20) 2-4 [白鹭引擎] egret动画制作 (28:24) 2-5 [白鹭引擎] egret事件机制 (16:29) 3-1 [案例] 案例介绍 (31:47) 3-2 [案例] 围住神经猫(1) (07:38) 3-3 [案例] 围住神经猫(2) (39:58) 3-4 [案例] 围住神经猫(3) (30:58) 3-5 [案例] 围住神经猫(4) (23:37) 3-6 [案例] 围住神经猫(5) (33:48) 3-7 [案例] 围住神经猫(6) (24:48) 3-8 [案例] AI逻辑 (32:53) 3-9 [案例] AI1 (42:25) 3-10 [案例] AI2 (26:32) 3-11 [案例] AI3 (18:45) 3-12 [案例] 围住神经猫 结束面板 (34:15) 3-13 [案例] 围住神经猫 游戏结束 (21:56) 3-14 [案例] 总结分析 (09:42) 4-1 [上传FaceBook] 上传1 (39:51) 4-2 [上传FaceBook] 上传2 (01:16)





