文章目录
- Claude Fable 5游戏开发技术解析：一次提示如何生成完整3D浏览器游戏
- 一、引言
- 二、从旧概念到可执行任务
- 三、Agent完成了哪些工程环节
- 3.1 资产生成不是凭空完成
- 3.2 测试闭环比代码量更重要
- 四、成品为何仍不好玩
- 五、可复用的One-shot工作法
- 六、总结
Claude Fable 5游戏开发技术解析：一次提示如何生成完整3D浏览器游戏
一、引言
亲爱的朋友们，创作不容易，若对您有帮助的话，请点赞收藏加关注哦，您的关注是我持续创作的动力，谢谢大家！有问题请私信或联系邮箱：jasonai.fn@gmail.com
2022 年，Simon Willison 用 GPT-3 补全了一个游戏概念，又让 DALL-E 生成两张概念截图。四年后，他把这些旧素材交给运行在 Claude Code for web 中的 Claude Fable 5，只给出一次任务说明，最终获得可玩的 3D 浏览器游戏《Raccoon Heist》。
这个实验值得关注的不是“一句话做出游戏”的口号，而是 Agent 如何把模糊意图转成技术选型、资产生成、持续部署和自动测试。作者最后也给出克制评价：实现令人印象深刻，但游戏本身仍平庸。
二、从旧概念到可执行任务
最初的 GPT-3 文案描述了一群执行盗窃任务的角色，DALL-E 提示则只有一句“游戏截图”。2026 年的输入包括两张旧截图和一段要求：构建 3D 浏览器游戏、提供index.html、适配手机、使用图像 API 生成纹理、独立完成且频繁提交。
| 输入 | 提供的信息 | 未规定的部分 |
|---|---|---|
| 游戏概念 | 主题、氛围、基本目标 | 规则、关卡、平衡 |
| 两张截图 | 视觉方向 | 模型、动画、材质实现 |
| 工程提示 | 浏览器、移动端、静态部署 | 框架和代码结构 |
| 工作约束 | 独立决策、持续提交、写日志 | 每一步具体实现 |
Fable 5 自行选择 Three.js，先提交能打开的标题页，再迭代玩法。频繁提交不是装饰，它为远程 Agent 建立了可见的检查点，也让 GitHub Pages 能在每次推送后提供预览。
三、Agent完成了哪些工程环节
概念文案 + 参考截图 ↓ 任务分解与Three.js技术选型 ↓ index.html骨架 → 基础3D玩法 ↓ 调用gpt-image-2生成纹理与标题图 ↓ 桌面/移动Playwright冒烟测试 ↓ 截图自检 → 修Bug → 7次提交 → GitHub Pages3.1 资产生成不是凭空完成
Claude 获得了 OpenAI API Key，并编写脚本调用gpt-image-2生成 7 张地面/墙面纹理和标题图。最终部署把这些图片作为静态资产，不在玩家运行游戏时继续调用 API。这种“构建时生成、运行时静态化”的设计降低了延迟、费用和密钥泄漏风险。
3.2 测试闭环比代码量更重要
Agent 用预装 Chromium 和 Playwright 同时检查桌面、竖屏手机与横屏手机。截图发现移动端角色不可见，自动游玩又暴露两个真实问题：高 DPR 手机画布被放大两倍，以及胜利界面的 CSS 覆盖层吞掉下一关按钮。
| 测试方法 | 捕获的问题 |
|---|---|
| 多视口截图 | 构图、角色可见性、裁切 |
| 状态注入 | 追逐、被抓、得分等难触发路径 |
| 自动点击 | 遮挡层、触控与流程中断 |
| 回归测试 | 修复后防止同类问题再次出现 |
这说明 Agent 编程的能力上限取决于反馈质量。没有浏览器、截图和可检查状态，“一次生成”很可能只得到能编译却不能玩的代码。
四、成品为何仍不好玩
游戏具备完整 3D 场景、程序化低多边形角色、WebAudio 音效、移动端摇杆、守卫、车辆、奖励物和三夜难度递增。可问题也很明显：关卡目标重复，团队成员只是装饰，难度低，收集完物品后还要等待天亮。
| 维度 | Agent表现 | 人类设计仍重要的部分 |
|---|---|---|
| 工程完整性 | 从空仓库到可部署成品 | 架构长期维护 |
| 视觉一致性 | 风格基本连贯 | 构图细节与资产修整 |
| 玩法系统 | 能组合常见机制 | 核心乐趣与节奏 |
| 测试 | 能发现明显功能Bug | 玩家心理、可玩性和平衡 |
生成模型很擅长把熟悉的机制拼成完整项目，却不天然知道哪些选择会让玩家持续投入。可运行是工程门槛，好玩是设计判断，两者不能互相替代。
五、可复用的One-shot工作法
第一，输入应包含视觉参考和验收条件，而不只是题材。第二，要求尽快生成最小可运行版本，再小步提交。第三，给 Agent 可操作的浏览器与自动测试，让它看到自己的结果。第四，密钥只用于构建过程，发布物不带密钥。第五，把notes.md、提交记录和测试脚本保留下来，方便人类接手。
对业务应用也同样适用：把“一次性生成”理解为一次授权、多个自动迭代回合，而不是模型只输出一次代码文本。
六、总结
| 维度 | 核心结论 |
|---|---|
| 输入 | 旧概念、两张截图和工程约束足以启动完整构建 |
| 执行 | Fable 5 自主选型、生成资产、测试并完成 7 次提交 |
| 质量 | 工程实现完整且跨端可玩，玩法深度仍然普通 |
| 方法 | 可执行工具、短反馈环和可审查提交比“神奇提示词”更关键 |
《Raccoon Heist》证明 Agent 已能把概念材料推到可部署原型，但也画出了清楚边界：它大幅降低了实现成本，没有自动补齐游戏设计品味。
参考资料：
- One-shotting a Raccoon Heist game using Claude Fable 5 — Simon Willison
- Raccoon Heist 源码 — GitHub
- 完整 Claude Code 会话导出
- 在线游戏
