主题切换
📖 关于本教程
预计阅读 2 分钟
🎯 目标受众
本教程专为有丰富前端开发经验、计划转型独立游戏开发的工程师设计。
如果你满足以下条件，这套教程就是为你准备的：
- ✅ 具备 3 年以上前端开发经验（JavaScript/TypeScript 熟练）
- ✅ 了解 Canvas API 或对图形编程有兴趣
- ✅ 想进入微信小游戏这个快速增长的领域
- ✅ 打算以独立开发者身份制作和发行游戏
- ✅ 偏好系统化深度学习，而非碎片化快餐教程
🧠 设计理念
市面上的游戏开发教程大多是"手把手教你做游戏"，讲 API 不讲原理，讲操作不讲思考。本教程走的是另一条路：
教学原则
- 原理优先 — 理解了游戏循环、渲染管线、碰撞检测的原理，任何引擎都只是工具的切换
- 前端视角 — 每个新概念都与你熟悉的前端知识建立映射，降低理解门槛
- 决策框架 — 提供可量化的选型矩阵，而非简单的"推荐 XX 引擎"
- 实战驱动 — 贯穿全教程的实战项目，边学边做，产出真实作品
- 工程思维 — 不只讲怎么写代码，更讲怎么管理项目、怎么优化流程
📦 教程结构
入门篇 (Beginner) — 建立游戏开发认知
├── 01 转型认知与生态概览
├── 02 小游戏开发环境搭建
├── 03 游戏开发核心概念
└── 04 前端视角对比
进阶篇 (Advanced) — 掌握核心技能
├── 05 主流引擎对比与选型决策
├── 06 引擎深度实战
├── 07 微信小游戏 API 与开放能力
└── 08 性能优化与包体控制
精通篇 (Master) — 独立制作全流程
├── 09 发布、审核与合规
├── 10 运营与变现
├── 11 独立游戏制作实践
└── 12 案例复盘与进阶方向
🎮 实战项目 — 贯穿始终🛠️ 技术栈
本站使用以下技术构建：
| 技术 | 用途 |
|---|---|
| VitePress | 静态站点生成器 |
| Vue 3 | UI 组件框架 |
| TypeScript | 类型安全的 JavaScript |
| pnpm | 高效的包管理器 |
📝 更新计划
本教程将持续更新，计划中的内容：
- [x] 进阶专题：3D 游戏开发基础、多人游戏同步、游戏 AI、WebAssembly 深度
- [x] 安全与反作弊专题
- [x] 资产管线专题
- [ ] 实战项目完整源码仓库（开源后将补充链接）
- [x] Phaser 4 入门实战（2D 射击游戏，兼容 Phaser 3）
- [x] Godot 4 入门实战（平台跳跃游戏）
📧 联系作者
如有疑问、建议或勘误反馈，欢迎通过以下方式联系：
- 邮箱：iamos@loopra.work
- GitHub Issues：项目开源后将启用，届时可通过仓库 Issue 提交反馈
🤝 参与贡献
如果你发现错误或有改进建议，欢迎通过邮件联系作者。项目开源后可通过 GitHub 提交 Issue 或 Pull Request。
📄 许可证
本教程内容采用 MIT License 发布。