用 Claude Fable 5 一次性生成完整《Raccoon Heist》游戏

回到2024年，我在推特上发布了：https://twitter.com/simonw/status/1555626060384911360 GPT-3生成的一个游戏概念及一些用DALL-E创作的概念“艺术”的截图。今天，在那条推文四周年之际，我决定看看Claude Fable 5（在Claude Code for web运行：https://code.claude.com/docs/en/claude-code-on-the-web）是否能根据那条推文的内容构建整个游戏。它做得相当不错！

你可以在这里玩这个游戏：https://simonw.github.io/raccoon-heist/。这是 GitHub 仓库：https://github.com/simonw/raccoon-heist/，以及一个简短的视频演示：

您的浏览器不支持 HTML5 视频。

这是2022年8月5日的推文：https://twitter.com/simonw/status/1555626060384911360:

写一个关于一队浣熊进行盗窃行动的电脑游戏的详细产品描述。

这还是文本补全阶段，你会让GPT-3完成剩下的文本。它完成了：

在《Raccoon Heist》（浣熊大盗）中，你和你的一队盗窃浣熊将被委派去执行一系列大胆的盗窃行动。从抢劫银行到偷取无价之宝，没有哪份工作对你们毛茸茸的团队来说太大或太小。你需要用你的智慧和技能来避开警察，并干净利落地带走赃物。凭借令人兴奋的玩法和迷人的角色阵容，《Raccoon Heist》是任何寻找轻松诙谐冒险的玩家的完美游戏。

一张关于浣熊团队进行偷窃的视频游戏截图

今天的实验：我能否将那些截图导入Fable 5，并附上提示让它编写一个游戏，然后让它自由发挥，最终得到一个可工作的游戏？

Claude Code for web令人沮丧的一点是，当它仍在工作时，很难测试它正在做什么。

我一直在使用GitHub Pages来解决这个限制，发现效果非常好。

就是这么简单！每次推送大约30秒后，最新内容就可以在yourname.github.io/your-repo/ 上看到。

如果你在私有仓库中这样做，任何能够猜到仓库名称的人都可以查看已发布的内容。我个人对此并不太担心。

这是我给 Fable 5 的提示（写在我手机的记事本应用里——整个项目都是在手机上进行的）。我附上了原推文中的两张图片。

为浏览器构建这个3D游戏。

这个仓库被配置为提供静态文件，所以请确保有一个 index.html 来加载其他所有内容。

确保它对移动设备友好（触控操作，在小屏幕上运行良好）。

你有 OpenAI API 密钥并可以访问他们的图像生成模型 API，使用它来为你的 3D 模型生成纹理。文档在这里：https://developers.openai.com/api/docs/guides/image-generation - 使用 gpt-image-2

独立工作——不要问我做任何进一步的设计决定。确保游戏有趣、有点出乎意料、有良好的浣熊抢劫氛围，并且视觉上令人愉悦。

尽可能频繁地提交和推送，这样我可以预览你的工作——从显示标题画面的 index.html 开始，然后在此基础上构建。

在工作过程中，将修改记录附加到 notes.md 文件中，每次提交都包括你的更改。

我没有做任何技术选择。我假设（正确地）它可能会使用 Three.js：https://threejs.org/ 基于之前的实验。

给 Claude 提供 OpenAI 密钥的访问权限，事实证明非常适合填补其能力上的空白——在这种情况下，我们需要一些方法来生成可以用作纹理的图像。Fable 非常擅长提示图像生成器！

我说“独立工作——不要问我做任何进一步的设计决定”，因为我想看看它是否能在没有我进一步输入的情况下制作出完整的工作游戏。

我还说“尽可能频繁地提交和推送，以便我可以预览你的工作”。当你在 Claude iPhone 应用中使用 Claude Code 时，你给它一个 GitHub 仓库，它会在一个分支上工作。告诉它“尽可能频繁地推送”意味着提交会立即出现在该分支上。

我喜欢要求 notes.md，这是一点额外的趣味——这是完成的文件：https://github.com/simonw/raccoon-heist/blob/main/notes.md，以及它在添加狗时做的条目：

新的升级：从第三晚开始，院子里有一只巡逻警犬——一只低多边形棕色猎犬，戴着带刺的红色项圈和摇尾巴。它会在随机的点间游荡，12个单位内就能嗅到你的气味并通过气味追踪你（视线范围无关紧要——它全靠鼻子，头顶有个👃叫声和吠叫声）。如果你打开17个单元的空档，它就会放弃。被抓消息现在是特定来源：警卫/车灯/猎犬。经过验证的漫游→轨道→被自动测试抓到了。

您可以访问 Claude Code 共享会话：https://claude.ai/code/session_01NUBoCfnhGETcCDyEUPS8jp，我还使用了我的 claude-code-transcripts 工具：https://github.com/simonw/claude-code-transcripts 导出我自己的 HTML 版本，您可以在这里找到：https://simonw.github.io/raccoon-heist/transcript/page-001.html。

Fable 从一个索引页面开始，供应了 Three.js 的一个副本：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T14-55-13-304Z，然后编写了自己的 gen_textures.py 脚本：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T14-55-49-064Z（副本在这里：https://github.com/simonw/raccoon-heist/blob/main/gen_textures.py）。

它生成了纹理并进行局部检查：https：//simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T14-59-07-900Z，确保看起来没问题。metal.jpg文件：https：//github.com/simonw/raccoon-heist/blob/main/textures/metal.jpg它为垃圾桶生成的版本长这样，不过我觉得游戏里应用得不太对：

现在，浣熊、垃圾藏身处和两只船员的浣熊在手机上都清晰可见。执行这个关键修复。

它决定生成一个标题画面，并且真的生成了：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-15-02-574Z，使用了这个 gen_title.py 脚本：https://github.com/simonw/raccoon-heist/blob/main/gen_title.py。这是它为此使用的 gpt-image-2 提示：

视频游戏关键艺术，低多边形3D渲染风格，阴郁的夜间场景：一只可爱的低多边形浣熊戴着小小的黑色盗贼面罩，蹲着后腿偷偷地走，携带一枚发光的金币，旁边是翻倒的金属垃圾桶，背景是窗户发出温暖光芒的郊区房屋，深蓝色夜空，满月，萤火虫，电影感轮廓光，迷人的抢劫冒险氛围。无文本，无字母，无标志。

以及生成的图像（克洛德认为“华丽”：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-16-42-176Z）——尽管我注意到在桌面上显示时，它会被裁剪为只有上三分之一，没有浣熊！

然后我最喜欢的变化：它添加了狗：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-23-00-850Z

并对其进行了测试：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-24-09-230Z 使用 Playwright，包括另一张截图：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-24-33-559Z。

它进行了几处调整，然后宣布完成：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-29-13-245Z

《浣熊抢劫》已构建、测试并推送——在claude/3d-raccoon-heist-game-50n293上共7次提交，所有提交均通过桌面、竖屏手机和横屏手机视口的自动Playwright演练验证。

游戏内容：你是一只戴面罩的浣熊，从你团队的垃圾桶藏身处悄悄溜出，进入月光照耀的死胡同。收集金币、宝石、戒指、甜甜圈和鱼（它们会叠在你背上并减慢速度），然后蹒跚回家并银行存入，趁黎明前完成。每晚目标和难度增加：第1夜只有一名手电筒巡视的警卫，第2夜有两名，第3夜增加一只完全不受视线限制的嗅觉巡逻犬。警车用车灯扫街，房主随机从窗户探头，海鸥不时对你未领取的战利品俯冲袭击，披萨片触发6秒的速度狂暴，如果你能搬回家，稀有的金色电视可获得120分。胜利等级：垃圾熊 ⭐ → 猫盗 ⭐⭐ → 伪装大师 ⭐⭐⭐，你最佳的游戏记录会保存到localStorage。

构建方式：供应商Three.js（无CDN）、程序化低多边形角色，以及程序化的WebAudio配乐（偷偷的行走低音爵士乐及所有音效——零音频文件）。所有七个地面/墙体纹理和标题画面的英雄艺术都是用gpt-image-2生成并提交为静态资产，因此部署的游戏不会调用API。移动端配备动态触控摇杆（触动地点显示）和DASH按钮;桌面用的是WASD/箭头和空格。

测试发现了两个值得一提的真实bug：画布在任何真实手机上都以2×大小渲染（CSSText任务会清除Three.js的内联大小——桌面DPR-1测试完全掩盖了），胜利画面的星级评分div继承了标题画面的全屏.stars CSS，默默地吞噬了“下一晚”按钮的每一次点击。两者都是固定且经过回归测试的，还有拾取、银行、追捕/抓捕、黎明、夜间进度和丢失/重试流程。

notes.md 有完整的构建日志。游戏已经在分支上在线——只需提供仓库根并打开index.html。

这是一个令人印象深刻的起点，但不是一款好游戏。

你操控浣熊在院子里移动，收集物品——甜甜圈、鱼、金币、珠宝——同时躲避拿着手电筒的守卫，后期关卡还要躲避狗。你的携带能力有限，满了后需要把东西扔到垃圾箱。拿起一片披萨会获得暂时的速度提升。

游戏中没有任何团队机制——垃圾箱旁边还有另外两只静态浣熊，但它们纯粹是装饰。

随着关卡推进，挑战性会稍微增加——第三关引入的狗是最有趣的新机制——但非常非常容易通关。而且相当无聊——每晚都有固定的持续时间，你可以收集完所有物品后，等待黎明时就无事可做。

我对它的实现印象深刻。它是全3D的，有垃圾桶，手电筒照明的锥体很有趣，视觉风格也相当连贯。手机上也能用。音乐（“Claude说是程序化的WebAudio配乐（偷偷的行走贝斯爵士和所有音效——零音频文件”）简单但感觉恰到好处。

作为一个完成的游戏项目，它算是平庸的。作为从单一提示开始的起点，我觉得它非常令人印象深刻。

我现在已经用vibe编写了相当多的游戏。从游戏玩法的角度来看，它们都让人深感失望——事实证明，设计有趣的游戏仍然是独属于人类的特质，而且这需要比Claude或我能够提供的技能和经验更多得多的能力。

话虽如此，我仍然强烈推荐尝试游戏开发项目，作为探索智能体能力的一种方式。这是一种有趣、低风险的尝试新事物的方法。如果你坚持下去，甚至可能制作出值得玩的东西！

这是使用Simon Willison的Claude Fable 5一镜打倒浣熊抢劫游戏，发布于2026年8月5日：/2026/Aug/5/。

上一篇：LLM的新版本支持推理追踪、OpenAI响应、服务器端工具和更智能的日志记录：/2026/Aug/4/new-release-of-llm/

以每月10美元赞助我，并获得本月最重要的LLM发展内容的精选电子邮件摘要。

Back in 2024 I tweeted：https://twitter.com/simonw/status/1555626060384911360 screenshots of a game concept generated by GPT-3 and some concept “art” created using DALL-E. Today, on the fourth anniversary of that tweet, I decided to see if Claude Fable 5 (running in Claude Code for web：https://code.claude.com/docs/en/claude-code-on-the-web) could build the entire game from the content of that tweet. It did a pretty good job of it!

You can play the game here：https://simonw.github.io/raccoon-heist/. Here’s the GitHub repo：https://github.com/simonw/raccoon-heist/, and a short video demo:

Your browser does not support HTML5 video.

This is the August 5th, 2022 tweet：https://twitter.com/simonw/status/1555626060384911360:

Write a detailed product description of a computer game where a team of raccoons go on heists.

This was in the text completion days, where you asked GPT-3 to complete the rest of the text. It completed:

In “Raccoon Heist”, you and your team of thieving raccoons are tasked with pulling off a series of daring heists. From robbing banks to stealing priceless art, no job is too big or too small for your furry crew. You’ll need to use your wits and your skills to avoid the police and make a clean getaway with the loot. With exciting gameplay and a charming cast of characters, “Raccoon Heist” is the perfect game for anyone looking for a light-hearted caper.

Screenshot from a video game where a team of raccoons go on a heist

Today’s experiment: can I dump those screenshots into Fable 5 with a prompt telling it to write a game, then leave it to its own devices and get a working game at the end?

A frustrating thing about Claude Code for web is that it can be hard to test what it’s working on while it’s still working.

I’ve been using GitHub Pages to work around that limitation, and found it to work really well.

That’s all it takes! Within about 30 seconds of each push the latest content will be visible at yourname.github.io/your-repo/ .

If you do this with a private repo, anyone who can guess the name of the repo will be able to view the published content. I don’t worry much about this myself.

Here’s the prompt I gave Fable 5 (written in the notes app on my phone—this entire project was conducted on mobile). I accompanied it with the two images from the original tweet.

Build this 3D game, for the browser.

This repo is configured to serve static files so make sure there is an index.html that loads everything else.

Make sure it is mobile-friendly (touch controls, works well on small screens).

You have an OpenAI API key and access to their image generation model APIs, use that for textures to use with your 3D models. Docs here: https://developers.openai.com/api/docs/guides/image-generation - use gpt-image-2

Work independently - do not ask me to make any further design decisions. Make sure the game is fun, a little surprising, has good raccoon heist vibes, and is visually pleasing.

Commit and push as often as possible so I can preview your work - start with an index.html that presents a title screen, then build from there.

Append to a notes.md file as you work, including your changes to that as part of every commit.

I didn’t make any technology choices. I assumed (correctly) that it would probably use Three.js：https://threejs.org/ based on previous experiments.

Giving Claude access to an OpenAI key turns out to work really well for filling in gaps in its capabilities—in this case we needed some way to generate images to use as textures. Fable is very good at prompting image generators!

I said “Work independently—do not ask me to make any further design decisions” because I wanted to see if it could produce a full, working game without any further input from me.

I also said “Commit and push as often as possible so I can preview your work”. When you use Claude Code in the Claude iPhone app you give it a GitHub repository and it works in a branch. Telling it to “push as often as possible” means commits start landing in that branch straight away.

I like asking for notes.md as a bit of added flavor—here’s that finished file：https://github.com/simonw/raccoon-heist/blob/main/notes.md, and the entry it made when it added the dog:

New escalation: from night 3 the yards get a patrolling guard dog — a low-poly brown hound with a spiked red collar and a wagging tail. It wanders between random spots, and within 12 units it catches your scent and tracks you by smell (line of sight is irrelevant — it’s all nose, shown by a 👃 over its head and barking). It gives up if you open a 17-unit gap. Getting caught messages are now source-specific: guard / headlights / hound. Verified wander → track → caught with an automated test.

You can access the Claude Code shared session：https://claude.ai/code/session_01NUBoCfnhGETcCDyEUPS8jp, and I also used my claude-code-transcripts：https://github.com/simonw/claude-code-transcripts tool to export my own HTML version which you can find here：https://simonw.github.io/raccoon-heist/transcript/page-001.html.

Fable started with an index page, vendored a copy：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T14-55-13-304Z of Three.js, then wrote its own gen_textures.py script：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T14-55-49-064Z (copy here：https://github.com/simonw/raccoon-heist/blob/main/gen_textures.py).

It generated the textures and spot-checked them：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T14-59-07-900Z to make sure they looked OK. The metal.jpg file：https://github.com/simonw/raccoon-heist/blob/main/textures/metal.jpg it generated for the trash can looks like this, though I don’t think it was applied exactly right in the game itself:

The raccoon, dumpster hideout, and both crew raccoons are now perfectly visible on mobile. Committing this critical fix.

It decided to generate a title screen, which it did：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-15-02-574Z using this gen_title.py：https://github.com/simonw/raccoon-heist/blob/main/gen_title.py script. Here’s the gpt-image-2 prompt it used for that:

Video game key art, low-poly 3D render style, moody nighttime scene: a cute low-poly raccoon wearing a tiny black burglar mask sneaking on its hind legs carrying a glowing gold coin, next to a tipped-over metal trash can, suburban house with warm glowing windows in the background, deep blue night, full moon, fireflies, cinematic rim lighting, charming heist caper mood. No text, no words, no logos.

And the resulting image (which Claude thought was “gorgeous”：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-16-42-176Z)—though I note that when it’s shown on desktop it gets cropped to just the top third without the raccoon!

Then my favorite change: it added the dog：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-23-00-850Z:

And did a round of testing on it：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-24-09-230Z using Playwright, including another screenshot：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-24-33-559Z.

It made a few more tweaks, then declared itself done：https://simonw.github.io/raccoon-heist/transcript/page-001.html#msg-2026-08-05T15-29-13-245Z:

Raccoon Heist is built, tested, and pushed — 7 commits on claude/3d-raccoon-heist-game-50n293 , all verified with automated Playwright playthroughs on desktop, portrait-phone, and landscape-phone viewports.

The game: You’re a masked raccoon sneaking out of your crew’s dumpster hideout into a moonlit cul-de-sac. Grab coins, gems, rings, donuts, and fish (they visibly stack on your back and slow you down), then waddle home and bank them before dawn. Each night raises the goal and the heat: night 1 has one flashlight-sweeping guard, night 2 has two, night 3 adds a scent-tracking hound that ignores line-of-sight entirely. A police cruiser sweeps the street with headlights, homeowners randomly peek out of windows, a seagull periodically dive-bombs your unclaimed loot, pizza slices trigger a 6-second speed FRENZY, and a rare golden TV is worth 120 points if you can haul its weight home. Win ranks: TRASH PANDA ⭐ → CAT BURGLAR ⭐⭐ → MASTER OF DISGUISE ⭐⭐⭐, with your best run saved to localStorage.

How it’s built: Vendored Three.js (no CDN), procedural low-poly characters, and a procedural WebAudio soundtrack (sneaky walking-bass jazz plus all sound effects — zero audio files). All seven ground/wall textures and the title-screen hero art were generated with gpt-image-2 and committed as static assets, so the deployed game makes no API calls. Mobile gets a dynamic touch joystick (appears wherever you touch) plus a DASH button; desktop uses WASD/arrows and Space.

Testing caught two real bugs worth mentioning: the canvas rendered at 2× size on any real phone (a cssText assignment was wiping Three.js’s inline sizing — desktop DPR-1 tests masked it completely), and the win screen’s star-rating div inherited the title screen’s full-screen .stars CSS and silently swallowed every tap on the “next night” button. Both are fixed and regression-tested, along with pickup, banking, chase/caught, dawn, night progression, and lose/retry flows.

notes.md has the full build log. The game is live on the branch — just serve the repo root and open index.html .

It’s an impressive starting point, but it’s not a good game.

You move your raccoon around a yard collecting items—donuts, fish, gold coins, jewels—while avoiding guards with flashlights and, in later levels, a dog. You have a limited carrying capacity, and once that’s full you need to drop stuff off at the dumpster. If you pick up a pizza slice you get a temporary speed boost.

There are no team mechanics at all—there are two other static raccoons next to the dumpster but they’re purely decoration.

It gets slightly more challenging as the levels progress—the dog introduced in level 3 is the most interesting new mechanic—but it’s very, very easy to beat. It’s also pretty boring—each night has a fixed duration and you can collect all of the items and then have nothing else to do while waiting for the dawn.

I was impressed by the implementation. It’s fully 3D, there are trash cans, the flashlight illumination cones are fun, and it has a reasonably coherent visual style. It works on mobile. The music (“a procedural WebAudio soundtrack (sneaky walking-bass jazz plus all sound effects — zero audio files)” according to Claude) is simple but feels about right.

As a finished game project, it’s mediocre. As a starting point from a single prompt I think it’s very impressive.

I’ve vibe coded up quite a few games now. They’ve all been deeply disappointing from a gameplay perspective—it turns out designing games that are fun remains a uniquely human trait, and one which requires significantly more skill and experience than either Claude or I can bring to bear.

That said, I thoroughly recommend tinkering with game development projects as a way to explore the capabilities of agents. It’s a fun, low-risk way to try out new things. If you stick at it long enough you might even produce something that’s worth playing!

This is One-shotting a Raccoon Heist game using Claude Fable 5 by Simon Willison, posted on 5th August 2026：/2026/Aug/5/.

Previous: New release of LLM adds support for reasoning traces, OpenAI Responses, server-side tools, and smarter logging：/2026/Aug/4/new-release-of-llm/

Sponsor me for $10/month and get a curated email digest of the month's most important LLM developments.