claude-opus-5-5-demo README

The project's README from github.com/riba2534/claude-opus-5-5-demo. As one markdown file: README.md.

claude-opus-5-5-demo

一句话提示词 · One Shot —— Claude Opus 5.5 代码生成能力实测
三个可玩的 3D 网页游戏,每个游戏只给一句提示词,单会话生成,代码零人工改动,直接部署上线。

Claude Opus 5.5 Three.js r186 esbuild Cloudflare Pages One-shot

介绍 · 三个游戏 · 提示词原文 · 在线体验 · 本地构建 · 仓库结构 · 生成过程与验证


这个仓库是什么

用 Claude Opus 5.5(Claude Code CLI,1M 上下文,xhigh 推理强度)做的一次代码生成能力实测:每个游戏只给一句话提示词,单会话 one-shot 生成,全程零人工改动代码,生成后直接部署上线可玩。

规则很简单:

三个游戏全部是单文件 HTML(esbuild 打包内联,无外部资源依赖):模型、纹理、动画、音效全部由代码程序化生成,不引用任何图片、音频或第三方素材。

三个游戏

游戏 类型 源码目录 模块数 构建产物 在线体验
🚲 鹈鹕骑自行车 海岸公路休闲骑行 pelican-bike/ 11 个 JS 模块 ~800 KB claude-opus-5-5.riba2534.cn
🔫 穿越火线·运输船 FPS 团队枪战 cf-transport-ship/ 18 个 JS 模块 + HTML/CSS ~840 KB claude-opus-5-5-cf-transport-ship.pages.dev
🏎️ QQ 飞车 竞速漂移 racing qq-speed/ 15 个 JS 模块 + HTML ~700 KB claude-opus-5-5-qqfeiche3d.pages.dev

🚲 鹈鹕骑自行车

戴头盔墨镜、脖子系红围巾的鹈鹕在海岸公路上骑车抓鱼。围巾是布料物理模拟,昼夜循环从黄昏到星空月夜,海面有波浪与岸边碎浪。W/S 加减速、A/D 变道抓鱼、空格跳跃、T 展翅抬前轮;14 个成就、5 种镜头(含电影运镜和鹈鹕视角)、浏览器实时合成的音效音乐(节奏跟随踏频)、触屏按钮与按帧率自适应画质。不操作时它会自动驾驶去追鱼。

🔫 穿越火线·运输船

还原《穿越火线》经典地图「运输船」:模型先检索了官方布局图与攻略核对地图结构(长条形甲板、两端船舱出生点、中部 V 形斜放集装箱、两侧单向管道),再按考据结果搭建。完整的 FPS 玩法:枪械弹道与后坐力、 bots AI 对战、命中反馈与击杀播报、程序化合成的枪声与音效、触屏支持。

🏎️ QQ 飞车

还原《QQ 飞车》的键位与漂移玩法(Shift 漂移、Ctrl 氮气、小喷与双喷、复位键),内置四张按官方地图风格设计的赛道:十一城(城市夜景 11 处弯 + 发卡弯)、情迷爱琴海(爬坡连续弯)、法老金字塔(直道末端跳台)、雪地大冒险(8 字形立交)。赛道形状先用脚本生成俯视图检查弯道与交叉点,再进入正式开发。

提示词原文

每个游戏的完整输入就下面这一句话,一字未改:

🚲 鹈鹕骑自行车

生成一个鹈鹕骑自行车的 3D 页面,尽可能把你所有的能力全部都用上. 然后上传到 CDN 上, 把访问链接给我

🔫 穿越火线·运输船

尽可能真实的还原穿越火线中的运输船地图,我需要一个真实的枪战游戏,生成一个3d页面,尽可能发挥你的所有能力 做完之后上传到 CDN 上 把链接发给我

🏎️ QQ 飞车

尽可能真实地还原 QQ 飞车中的游戏地图。我需要一个真实的 QQ 飞车游戏,包括游戏的各种键位以及漂移玩法,生成一个3D 页面,尽可能发挥你的所有能力。 做完之后上传到 CDN 上 把链接发给我

在线体验

游戏 地址
鹈鹕骑自行车 https://claude-opus-5-5.riba2534.cn/
穿越火线·运输船 https://claude-opus-5-5-cf-transport-ship.pages.dev
QQ 飞车 https://claude-opus-5-5-qqfeiche3d.pages.dev/

本地构建

三个工程结构相同:src/ 源码经 esbuild 打包内联进单个 HTML,无运行时外部依赖。

# 任选一个游戏目录
cd pelican-bike   # 或 cf-transport-ship / qq-speed

npm install       # 安装依赖(three、esbuild 等)
node build.mjs    # 构建产物输出到 dist/index.html

# 直接用浏览器打开 dist/index.html 即可游玩

仓库结构

├── pelican-bike/          # 鹈鹕骑自行车
│   ├── src/               # 11 个模块:pelican / bicycle / ocean / fish / sky / effects / audio ...
│   ├── index.template.html# 页面模板(构建时注入 og:image 与打包后的 JS)
│   ├── build.mjs          # esbuild 构建脚本
│   └── package.json
├── cf-transport-ship/     # 穿越火线·运输船
│   ├── src/               # 18 个模块:map / guns / weapons / bots / player / physics / viewmodel ...
│   ├── build.mjs
│   └── package.json
├── qq-speed/              # QQ 飞车
│   ├── src/               # 15 个模块:vehicle / track / layouts / ai / maps / items ...
│   ├── build.mjs
│   ├── wrangler.jsonc     # Cloudflare Pages 部署配置
│   └── package.json
└── README.md

仓库只保存源码;node_modules/、dist/ 构建产物不入库,克隆后执行上面的构建命令即可完整还原。

生成过程与验证

生成过程中模型自主完成的事情(摘录自各会话记录):

说明

claude-opus-5-5-demo (riba2534/claude-opus-5-5-demo)

procedural-generation
Searching Database…

What is this?A live test of Claude Opus 5.5's coding ability: three complete 3D browser games, each generated from a single one-sentence prompt in one session, with zero human edits to the code.
So what am I actually getting — the games themselves, or just a report about an AI experiment?The games themselves — full source of three finished titles: a pelican coastal-biking game, a CrossFire-style Transport Ship FPS, and a QQ Speed-style drift racer, with all models, textures and sounds generated procedurally in code.
Can I play them right now?Yes — all three are live on Cloudflare Pages: open the links from the README and play in your browser, nothing to install.
Are these official CrossFire or QQ Speed games?No — they're tribute projects built purely to test what the model can do; the README notes they are unrelated to the original CrossFire and QQ Speed studios.
Do these work on a phone, or only with a keyboard on a desktop?They support touch: the biking and FPS games have on-screen touch buttons, and the biking game also auto-adjusts graphics quality to hold the frame rate on weaker devices.
What can you actually do in these games?The cyclist has 14 achievements, 5 camera modes, a day-night cycle, a cloth-simulated scarf, and music synthesized in the browser that follows your pedaling cadence. The FPS recreates CrossFire's Transport Ship map with recoil, bot opponents and kill announcements, and the racer copies QQ Speed's Shift-drift and Ctrl-nitro handling across four tracks.
Did the model just generate the code and hope for the best?No — it tested every game in a headless browser, running full playthroughs with simulated keypresses. The biking game got a 320-second fast-forward soak test with a stable 16-26 MB JS heap, and a separate review subagent found 12 issues that were all fixed before delivery.
Was any part of this written by a human?Per the README, no — the source code and even the README itself are the model's raw output from September 2026. The model also did its own research, deployments, and a post-launch fix for a black-screen bug it reproduced by injecting NaN.
What did the one-sentence prompts actually look like?The entire input for the biking game was: 'Generate a 3D page of a pelican riding a bicycle, use all of your abilities, then upload it to a CDN and send me the link.' The FPS and racer prompts similarly ask for faithful recreations of the CrossFire and QQ Speed maps, uploaded to a CDN with the link sent back.
Creator
riba2534
Size
0.3 MB
Stars
1.1K
Updated
CommitSep 23
Age
25d
Commits · 90 Days