claude-opus-5-5-demo · 一句话生成三款可玩 3D 游戏 Vibe 项目

项目简介

claude-opus-5-5-demo 是一次针对 Claude Opus 5.5 代码生成能力的"一句话实测"开源项目。作者在 Claude Code CLI（1M 上下文、xhigh 推理强度）中，为三个 3D 网页游戏各写一句提示词，让模型在单个会话内自主完成资料考据、工程搭建、编码、构建、测试与部署，全程零人工改动代码，生成后直接上线可玩。三个游戏分别是"鹈鹕骑自行车"、"穿越火线·运输船"和"QQ 飞车"，均已部署到线上域名，点击链接即可游玩。仓库源码为模型输出原样，连 README 也由模型撰写，是观察 AI Vibe Coding 极限能力的典型样本。

核心功能

• 一句话生成完整可玩游戏：三个游戏的全部需求描述各只有一句话，不写需求文档、不给参考代码、不做多轮追问。

• 单会话 one-shot 生成：查资料、搭工程、写代码、构建、测试、部署全部由模型在一个会话内自主完成。

• 零外部资源依赖：全部为单文件 HTML（esbuild 打包内联），模型、纹理、动画、音效均由代码程序化生成，不引用任何图片、音频或第三方素材。

• 还原经典玩法：QQ 飞车支持 Shift 漂移、Ctrl 氮气、小喷与双喷，内置四张官方风格赛道；穿越火线还原运输船地图，具备枪械弹道与后坐力、bots AI 对战、命中反馈与击杀播报。

• 自动化质量保障：模型自主用无头浏览器实测、完成 320 秒快进浸泡测试、派子代理审查代码修复 12 个问题、线上黑屏问题自行复现修复。

技术实现

三个工程结构统一：src/ 源码按职责拆分为多个 JS 模块（鹈鹕骑车 11 个、穿越火线 18 个、QQ 飞车 15 个），经 esbuild 打包内联进单个 HTML，运行时无外部依赖。渲染基于 Three.js，几何体与纹理全部由代码程序化生成；音效与音乐用 Web Audio 实时合成，骑车音乐节奏跟随踏频变化。构建产物约 700~840 KB。生成过程中，模型先联网检索官方地图布局图、键位表与攻略核对细节（运输船的集装箱摆位、QQ 飞车的漂移与氮气键位）再开发；QQ 飞车赛道先用脚本生成俯视图检查弯道与交叉点。测试环节用无头浏览器模拟按键跑完整对局，并验证长时间运行的内存稳定性，JS 堆平稳保持在 16~26 MB 无泄漏。部署方面，模型独立完成 CDN 上传、Cloudflare Pages 项目创建、域名绑定等运维操作；鹈鹕游戏上线后偶发黑屏，模型通过人为注入 NaN 复现问题（Bloom 遇无效像素扩散成黑块），增加清理 pass 修复后重新部署。

快速上手

1. 在线直接游玩：打开三个部署链接之一，无需安装环境，浏览器打开即玩。

2. 克隆仓库：git clone https://github.com/Dang1ing/claude-opus-5-5-demo.git

3. 进入任一游戏目录：cd pelican-bike（或 cf-transport-ship / qq-speed）。

4. 安装依赖：npm install（依赖包含 three、esbuild 等）。

5. 构建并游玩：node build.mjs 输出 dist/index.html，浏览器打开即可游玩。

适用人群

对 AI Vibe Coding 能力边界好奇的开发者与技术决策者；想研究"一句话生成完整游戏"提示词工程的 AI 爱好者；需要 Three.js 单文件游戏架构参考的前端工程师；喜欢即点即玩的 3D 网页游戏的普通玩家。

官方链接

GitHub 仓库：https://github.com/Dang1ing/claude-opus-5-5-demo

QQ 飞车在线体验：https://claude-opus-5-5-qqfeiche3d.pages.dev/

穿越火线·运输船：https://claude-opus-5-5-cf-transport-ship.pages.dev

鹈鹕骑自行车：https://claude-opus-5-5.riba2534.cn/