我让 AI 在浏览器中为我构建一款 Pokémon 游戏。它交付了完整的 AAA RPG。
Source: Dev.to
什么本来是一个周末实验，却变成了我今年发布的最有趣的项目之一。经过数月的 AI 辅助游戏开发尝试——通常只得到一个简单的移动方块或基础 UI——我决定把 AI 当作首席 AAA 游戏架构师来使用。最终呈现的是 CodeMon: The Kernel Uprising，一个完全可玩、功能丰富的浏览器 RPG，完全使用原生 HTML、CSS 和 Three.js 构建。没有游戏引擎，没有 Unity，也没有 Unreal——仅仅一个 .html 文件，却拥有 AAA 级别的制作感。
玩 CodeMon：内核起义
👾 在此玩游戏
源代码
AI 中继架构
为避免“上下文漂移”和幻觉，我将工作分配给六个专门的 AI 模型，每个模型将输出传递给下一个模型，形成接力：
架构师 (Claude 3.5 Sonnet)
定义了基础的 GS (Game State) 对象，这是不可变的真相源，用于协调模式切换（主世界、战斗、商店、对话）。
视觉设计师 (Gemini 1.5 Pro)
负责 Three.js 的重活，使用 Instanced Meshes 优化 60 × 60 网格，以保持低绘制调用和高帧率。
音效设计师 (GPT‑4o)
创建了 Procedural Sound Manager，通过原生 Web Audio API 合成每一次 “hit” 与 “heal”，无需音频文件。
调试员 (DeepSeek)
打磨了 O(1) 碰撞检测，确保玩家不会在 Server Towers 中“穿墙”。
UI/UX 专家 (Llama 3)
打造了 CSS “Terminal” 美学、定制的 hit‑splat 动画以及实时更新的 HUD。
剧情负责人 (Mistral)
为 Storyteller 与 “Kernel Master” boss 战编写了对话和背景故事。
游戏状态（GS）对象
const GS = {
mode: 'OVERWORLD', // OVERWORLD | BATTLE | SHOP | DIALOGUE
player: {
hp: 100,
bits: 0,
level: 5,
questGoal: 500,
},
world: {
collisionSet: new Set()
}
};每个系统都会首先检查 GS.mode，从而防止在 NPC 对话或其他非 overworld 状态下触发随机遭遇。
程序化声音管理器
所有音频均实时生成：
- Walking – 每一步使用柔和、低频方波。
- Critical Hits – 多频锯齿波突发，营造“砰砰”感。
- Boss Motif – 低频锯齿波主题，提示高风险。
使用 Web Audio API 的振荡器实现，该管理器消除了对外部音频资源的需求。
动态摄像机与视觉
- Action Cam – 在敌人回合期间，摄像机平滑移动到戏剧性的侧面角度，以突出“Syntax Error”攻击。
- Companion Drone – 一个 3D 机器人漂浮在玩家旁边，在你攻击时发射
LineSegments激光几何体。 - Hit Splats – DOM 元素生成漂浮的数字并淡出（暴击为黄色，治疗为绿色）。
经济
您通过在“死逻辑森林”中击败 NullPointers 和 Bugs 来获取 Bits，然后在商人终端上花费它们进行永久升级。
| 模块 | 费用 | 效果 |
|---|---|---|
OVERCLOCK.exe | ₿400 | 永久提升基础攻击力 |
BUFFER.alloc | ₿300 | 将最大生命值提升 30 点 |
RECOVERY.exe | ₿150 | 为您的 REFACTOR 工具补充 2 次治疗充能 |
FIREWALL.conf | ₿350 | 永久提升基础防御 |
技术亮点
- Instanced Meshes are Non‑Negotiable – 渲染 3,600 块单独的地板瓷砖会导致帧率大幅下降；使用实例化后，每个生物群系的绘制调用仅为 4 次。
- O(1) Collision is King – 与其每帧进行射线检测，不如将每个实心坐标存入
Set；碰撞检测只需一次简单的.has()调用。 - Prompt Specificity – 通过让 AI 设计整体架构而不是单独的功能，最终代码库扩展到 1,700 多行结构化、易于维护的代码。
未来计划
- “Memory Leak” Swamp – 一个移动变慢且 UI 视觉上“损坏”的生物群系。
- Local Storage Save System – 在会话之间保持你的 10 级程序员和大量 Bits。
- Inventory UI – 从即时升级转变为可在战斗中使用的背包物品。
致谢
对 EmberNoGlow 表示衷心感谢，感谢其最初的 Dev.to 挑战，证明在结构良好的专家团队指导下，AI 能够构建真正的 “AAA” 作品。
Discussion
你怎么看？你会玩由 6‑AI 小队打造的 RPG 吗？在评论区聊聊吧。