claude-opus-5-5-demo：Claude Opus 5.5 一句话提示词 one-shot 生成三个 3D 网页游戏
该仓库是作者用 Claude Opus 5.5（Claude Code CLI，1M 上下文，xhigh 推理强度）做的一次代码生成能力实测：每个 3D 网页游戏只给一句提示词、单会话 one-shot 生成、代码零人工改动（连 README 也是模型写的），生成后直接部署到 Cloudflare Pages 可在线游玩。三个游戏分别为鹈鹕骑自行车（海岸公路休闲骑行）、穿越火线·运输船（FPS 团队枪战）、QQ 飞车（竞速漂移），全部为单文件 HTML，模型、纹理、动画、音效均由代码程序化生成，无外部资源依赖，仓库只保存源码。
社区作者 · zZz
它解决什么问题
仓库定位：用 Claude Opus 5.5（Claude Code CLI，1M 上下文，xhigh 推理强度）做代码生成能力实测，规则为：一句话提示词（不写需求文档、不给参考代码、不做多轮追问）、单会话生成（查资料、搭工程、写代码、构建、测试、部署全部由模型自主进行）、零人工改动（仓库源码即模型输出原样，人工未改一行，README 亦为模型所写）、真实部署（三个游戏都部署在 Cloudflare Pages 上，点开链接即可玩）。
三个游戏：
- 🚲 鹈鹕骑自行车（pelican-bike/，11 个 JS 模块，构建产物约 800 KB）：戴头盔墨镜、脖子系红围巾的鹈鹕在海岸公路骑车抓鱼；围巾为布料物理模拟，昼夜循环从黄昏到星空月夜，海面有波浪与岸边碎浪；W/S 加减速、A/D 变道抓鱼、空格跳跃、T 展翅抬前轮；14 个成就、5 种镜头（含电影运镜和鹈鹕视角）、浏览器实时合成的音效音乐（节奏跟随踏频）、触屏按钮与按帧率自适应画质，不操作时会自动驾驶追鱼。
- 🔫 穿越火线·运输船（cf-transport-ship/，18 个 JS 模块 + HTML/CSS，构建产物约 840 KB）：还原《穿越火线》经典地图「运输船」，模型先检索官方布局图与攻略核对地图结构（长条形甲板、两端船舱出生点、中部 V 形斜放集装箱、两侧单向管道）再搭建；完整 FPS 玩法包含枪械弹道与后坐力、bots AI 对战、命中反馈与击杀播报、程序化合成的枪声与音效、触屏支持。
- 🏎️ QQ 飞车（qq-speed/，15 个 JS 模块 + HTML，构建产物约 700 KB）：还原《QQ 飞车》键位与漂移玩法（Shift 漂移、Ctrl 氮气、小喷与双喷、复位键），内置四张按官方地图风格设计的赛道：十一城（城市夜景 11 处弯 + 发卡弯）、情迷爱琴海（爬坡连续弯）、法老金字塔（直道末端跳台）、雪地大冒险（8 字形立交）；赛道形状先用脚本生成俯视图检查弯道与交叉点，再进入正式开发。
技术形态：三个游戏全部是单文件 HTML（esbuild 打包内联，无外部资源依赖），模型、纹理、动画、音效全部由代码程序化生成，不引用任何图片、音频或第三方素材。
生成过程与验证（摘录自各会话记录）：资料考据（动手前联网检索官方地图布局图、键位表与攻略核对细节，如运输船集装箱摆位、QQ 飞车 Shift 漂移 / Ctrl 氮气键位）；自测（无头浏览器实测加载运行无报错、模拟按键跑完整对局；鹈鹕骑车做 320 秒快进浸泡测试，跑完一整个昼夜循环，几何体/纹理数量恒定，JS 堆 16–26 MB 平稳无泄漏，并跨过 36 km 里程取模边界验证）；自我审查（鹈鹕工程交付前派子代理独立审查，找出 12 个问题并全部修复，如长时间骑行后海面跳变、切换画质漏显存）；线上修复（鹈鹕上线后偶发黑屏，模型通过人为注入 NaN 复现定位，发现 Bloom 遇无效像素扩散成黑块，加泛光前清理 pass 并修了海面菲涅尔等两处源头，重新部署）；部署运维（三个游戏分别完成 CDN 上传与缓存刷新、Cloudflare Pages 项目创建、域名绑定与证书等待、旧项目清理核对）。
适用对象：想研究 one-shot 代码生成能力边界的人、需要单文件 3D 网页游戏架构（three.js + esbuild 内联打包）参考的开发者、准备用 Cloudflare Pages 部署纯前端 3D 项目的工程人员。
说明：本仓库由 Claude Opus 5.5 在 Claude Code 中生成（2026-09）；三个游戏的源码、README 均为模型输出原样，人工未做改动。游戏为能力测试用途的致敬作品，与《穿越火线》《QQ 飞车》原厂无关。
— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。
安装 / 开始使用
本地构建（三个工程结构相同：src/ 源码经 esbuild 打包内联进单个 HTML，无运行时外部依赖）：
- 准备环境：需要 Node.js 与 npm（来源未写明具体版本，待核验）；依赖含 three、esbuild 等，由 npm install 安装。仓库只保存源码，node_modules/、dist/ 构建产物不入库，克隆后执行下面的构建命令即可完整还原。
- 进入任一游戏目录（三选一）：
cd pelican-bike # 或 cf-transport-ship / qq-speed- 安装依赖：
npm install # 安装依赖（three、esbuild 等）node build.mjs # 构建产物输出到 dist/index.html
- 执行构建：
- 首次运行：直接用浏览器打开 dist/index.html 即可游玩（单文件 HTML，模型、纹理、动画、音效均由代码程序化生成，无外部资源依赖）。
- 部署（可选）：qq-speed/ 目录内含 wrangler.jsonc（Cloudflare Pages 部署配置）；来源说明三个游戏均部署在 Cloudflare Pages 上，并完成过 CDN 上传与缓存刷新、Cloudflare Pages 项目创建、域名绑定与证书等待、旧项目清理核对。
目录结构要点：
- pelican-bike/：src/（11 个模块：pelican / bicycle / ocean / fish / sky / effects / audio ...）、index.template.html（页面模板，构建时注入 og:image 与打包后的 JS）、build.mjs、package.json
- cf-transport-ship/：src/（18 个模块：map / guns / weapons / bots / player / physics / viewmodel ...）、build.mjs、package.json
- qq-speed/：src/（15 个模块：vehicle / track / layouts / ai / maps / items ...）、build.mjs、wrangler.jsonc、package.json
- README.md
常见问题与注意事项：
- 克隆后必须自行 npm install 并运行 node build.mjs，否则没有可玩的 dist/index.html（构建产物不入库）。
- 构建脚本为 esbuild，产出的是内联后的单个 HTML 文件，可直接用浏览器打开，不需要本地服务器（来源未提及需要额外服务）。
- 鹈鹕工程曾在线上出现偶发黑屏，原因是 Bloom 遇无效像素扩散成黑块，已通过增加泛光前清理 pass 并修复海面菲涅尔等两处源头后重新部署；若自行改动渲染相关代码需注意同类问题。
- 三个工程共用同一构建方式，命令均为 npm install → node build.mjs。