case: Cairn 3D climbing game iteration workflow (hj1→hj45)

[1077HXH]

Case 基本信息

• Case 标题：用 WorkBuddy 迭代开发《孤山独影》风格 3D 攀岩游戏（hj1→hj45）
• 使用场景：AI 协作开发网页 3D 攀岩游戏（Cairn 风格），覆盖 45 个版本（hj1→hj45）的完整迭代开发工作流
• 目标读者：想用 AI 协作做单文件 HTML/Three.js 游戏迭代开发的独立开发者；想学习“契约化架构 + 模块化交付”AI 编程工作流的人
• 使用的 Skills：项目级技能 hj-game-dev（自动加载项目宪法/红牌规则）、CodeBuddy 编程协作、浏览器预览
• 是否需要外部账号或 API：不需要（纯本地开发，Three.js 离线内联）
• 是否涉及文件修改或对外发布：仅新增文件到 docs/cases/submissions/cairn-3d-climbing-game/

为什么值得收录

经过 45 个版本验证的真实 AI 协作开发案例，包含三个对蓝皮书读者有价值的可复用模式：

1. 契约化架构：地基（F0）+ state 字段表 + 事件注册表，让多任务多 AI 会话产物可拼装
2. “每次迭代新文件”的版本控制：对 AI 协作编程特别有效——基座不破坏 = 永远可回归 + 永远可比较新方向
3. 三件套交付（代码 + 集成说明 + 自检清单）：让多个 AI 会话/任务的产物可拼装

此外还包含一次完整的玩法重构（hj37/hj38 起把绳索系统改为跳跃+抓点自由攀爬）的复盘，证明契约化架构对玩法大改的支撑能力。最新 hj45 还包含 UI 与 3D 渲染解耦的实战经验（独立 CSS 变量层）。

完整性检查

• 已搜索社区案例集和蓝皮书，确认场景或任务没有重复（当前社区案例仅 2 个：daily-ai-news、vibe-resume，无 AI 编程/游戏开发类）
• 已描述真实使用场景（hj1→hj45 真实迭代历史）
• 已列出使用的 Skills 及其用途（hj-game-dev 项目级技能、CodeBuddy 编程协作、浏览器预览）
• 已写明可复现的操作步骤（基于基座 HTML 复制新文件，按“§0 必读契约段”分发子任务）
• 已展示 WorkBuddy 中的实际效果（hj45 实机截图，毛玻璃 HUD + 罗盘 + 山岩场景）
• 已提供明确的验收标准（双击即玩、模块契约、调色板遵守、语法校验、回归测试、三件套齐全）
• 已说明失败情况、限制或安全边界（无后端/无外部数据/无敏感数据/纯前端）
• 已删除密钥、个人信息和敏感数据
• 图片和其他素材拥有公开使用权限（程序化生成，无外部资源）
• 已运行 npm run docs:build（请维护者在 review 时跑一次，预期通过——所有 frontmatter 必填字段齐全）
• 本 PR 只提交一个 Case

结果证明

• 截图：docs/cases/submissions/cairn-3d-climbing-game/assets/workbuddy-result.png（hj45 实机画面，毛玻璃 HUD + 罗盘 + 山岩场景，193KB）
• 真实项目位置：本地项目目录（含 hj1.html → hj45(UI优化).html 共 45 个版本）
• 项目级方法论文档：hj-任务分解与契约.md、hj-操作与验收手册.md

编辑授权

• 同意维护者在不改变事实的前提下调整标题、结构和文字
• 同意案例在保留署名的前提下被进一步整理进蓝皮书正文