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)

Searching Database…

Что это такое?Живая проверка навыков программирования у Claude Opus 5.5: три полноценные 3D-игры для браузера, каждая сгенерирована из одного предложения-промпта за одну сессию, и в код не вмешивался ни один человек.
Так что я в итоге получаю — сами игры или просто отчёт об ИИ-эксперименте?Сами игры — полный исходный код трёх готовых проектов: игра про пеликана на велосипеде вдоль побережья, шутер от первого лица в стиле CrossFire (карта Transport Ship) и дрифт-гонка в стиле QQ Speed, причём все модели, текстуры и звуки созданы прямо в коде процедурно.
Можно поиграть прямо сейчас?Да — все три игры работают на Cloudflare Pages: откройте ссылки из README и играйте прямо в браузере, ничего устанавливать не нужно.
Это официальные игры CrossFire или QQ Speed?Нет — это проекты-данью уважения, созданные исключительно для проверки возможностей модели; в README отмечено, что они никак не связаны со студиями оригинальных CrossFire и QQ Speed.
Они работают на телефоне или только с клавиатурой на компьютере?Есть поддержка сенсорного управления: в игре про велосипед и в шутере есть экранные кнопки, а «велосипедная» игра ещё и автоматически подстраивает качество графики, чтобы держать частоту кадров на слабых устройствах.
Что вообще можно делать в этих играх?В игре про велосипедиста есть 14 достижений, 5 режимов камеры, смена дня и ночи, шарф с физикой ткани и музыка, синтезируемая прямо в браузере и подстраивающаяся под темп вашего педалирования. Шутер воссоздаёт карту Transport Ship из CrossFire с отдачей, ботами-противниками и объявлениями о фрагах, а гонка повторяет управление QQ Speed — дрифт на Shift и нитро на Ctrl — на четырёх трассах.
Модель просто сгенерировала код и понадеялась, что всё заработает?Нет — она тестировала каждую игру в headless-браузере, прогоняя полные прохождения с эмуляцией нажатий клавиш. Игру про велосипед прогнали в ускоренной перемотке на 320 секунд с стабильной кучей JavaScript в пределах 16–26 МБ, а отдельный субагент-ревьюер нашёл 12 проблем, все они были исправлены до сдачи.
Какую-то часть писал человек?Согласно README, нет — и исходный код, и даже сам README — это «сырой» вывод модели за сентябрь 2026 года. Модель также сама провела исследование, развернула проекты и после запуска исправила баг с чёрным экраном, который сама же воспроизвела, внедрив NaN.
А как выглядели эти промпты из одного предложения?Весь ввод для игры про велосипед был таким: «Сгенерируй 3D-страницу, где пеликан едет на велосипеде, используй все свои способности, затем загрузи её на CDN и пришли мне ссылку». Промпты для шутера и гонки так же просили точные копии карт CrossFire и QQ Speed с загрузкой на CDN и отправкой ссылки.
Creator
riba2534
Size
0.3 MB
Stars
1.1K
Updated
CommitSep 23
Age
24d
Commits · 90 Days