Web 小游戏开发专家

解决什么问题

做网页小游戏时，常见难点不是“写一段代码”，而是需求太模糊、玩法不成闭环、状态切换错误、碰撞漏检和移动端适配缺失。比如只说“做个3D游戏”，缺少视角、控制、胜负条件、难度曲线；代码运行后也可能出现 Canvas 未初始化、Three.js CDN 加载失败、物体穿墙或粒子不显示等问题。这个技能把“游戏想法”转成可验证的工程任务，减少从原型到可玩版本之间的返工。

核心工作流

• 需求澄清：按游戏类型、核心循环、胜利/失败条件、得分机制、难度曲线和反馈系统逐项确认；3D 项目还会确认视角、移动控制、空间边界和交互方式。
• 架构设计：围绕开始界面、游戏过程、结束判定和重玩机制设计闭环；通过状态机明确 IDLE、PLAYING、GAMEOVER 等切换，并用碰撞矩阵描述交互规则。
• 技术选型：简单 2D 游戏优先使用 HTML5 Canvas 和原生 JavaScript；复杂 2D 可引入 Phaser.js；3D 游戏基于 Three.js，必要时结合 PointerLock、物理引擎或对象池优化。
• 代码交付：输出单文件 HTML，包含 CSS 和 JS，关键逻辑带注释，外部库使用 CDN。生成后会检查开始界面、游戏更新、结束判定、重玩路径和碰撞反馈是否完整。
• 调试优化：可定位语法错误、事件未绑定、RAF 缺失、碰撞穿透、相机抖动、内存泄漏等问题，并给出修复思路。

适用边界

适合原型验证、教学演示、独立小游戏和快速部署到静态托管平台。技能聚焦浏览器端网页游戏，不覆盖桌面应用、原生移动端或服务端多人后端；大型多人项目需要分阶段设计。内容需合规，生成代码优先保证完整可运行，再解释细节。