一句话摘要
用 Fable 5 以 20 美元成本做出代理商报价 8000 美元的小游戏。
代理公司做一个迷你游戏收费 8000 美元。我用 Fable 5 花 20 美元就做了一个 2026年6月11日 · 7 分钟阅读 · 查看原文 ↗ 游戏 Claude 营销 AI
游戏化代理公司向品牌出售定制浏览器迷你游戏,每个项目收费数千美元。营销团队买它们,是因为一个互动的东西比一条横幅更能长时间抓住注意力。直到最近,做一个还意味着雇一个工作室:一个开发者、一个 3D 美术,几周的工作。
我在一次对话里用 Claude Fable 5 做了一个 GTA 风格的浏览器游戏。驾驶、射击、帮派 AI、警车追逐、雷达小地图。没有游戏引擎,没有素材,没有手写的代码。一个可以在任何地方运行的 HTML 文件。做出它的那个技能,正是那些代理公司在卖的东西,只是少了工作室。
这是完整拆解:我用的每一个提示词、它生成的代码、如何在一分钟内上线,以及如何把这当作一项服务来定价。
收藏本文并关注。我构建 AI 系统和自动化流水线,并记录下真正有效的东西。
这个游戏有什么
带街机物理的第三人称驾驶
下车时切换到第一人称模式,带准星和武器
一个死胡同社区:房子、草坪、棕榈树、电线杆、停着的车
一个有仇恨 AI、会还击的帮派势力
在 2 颗通缉星时刷出的警察,追你、撞你的车
GTA 风格 HUD:绿色钞票、通缉星、血条、带敌人圆点的雷达小地图
死亡时的 WASTED 画面
总成本:一个 Claude 订阅。总时间:一个晚上发消息。
提示词链
人们犯的最大错误,是把所有东西塞进一个巨型提示词里。那会产生一团烂摊子。我分 6 次迭代做完的,每层功能一条消息。下面是清理过的链:
提示词 1——骨架:
提示词 2——步行模式:
提示词 3——标志性地点:
提示词 4——战斗:
提示词 5——环境打磨:
提示词 6——能卖出截图的那个 HUD:
最后一个提示词比它看起来重要。没人会截图游戏逻辑。他们截图的是小地图和钞票计数器。
证明它是真代码
这是文件里真实的警察 AI。每辆警车以一个转弯速率上限朝你转向,所以追逐看起来自然而不是机械:
而雷达小地图只是每帧在 3D 场景之上画出来的一个 2D 画布:
这一行都不是我写的。我描述行为,Claude 写实现,我测试并报告哪里感觉不对。
上线只要一分钟
游戏就是一个 HTML 文件。三个免费选项:
没有后端、没有数据库、没有服务器成本。唯一的依赖是从 CDN 加载的 three.js。
诚实的账
我不会告诉你这个游戏每个月能印出 1 万美元。它不会。一个这样的项目实际上做的是:
这里真正的产品不是游戏。而是那个证明:你可以在几小时内从一句话走到一个能用的互动产品。这才是客户付钱买的东西。
让它奏效的三条规则
每层功能一条消息。先骨架,再移动,再战斗,再打磨。每一步都保持可玩。
把截图发回去。我贴过我想要的样子的参考截图,也贴过 bug 的截图。Claude 能读图。一张图的“做成这样”,胜过三段的描述。
报告哪里感觉不对,而不是报告要重写什么。“我能开车但我不能走路”得到了精准修复。要求从头重写控制逻辑,反而会弄坏别的东西。
大多数人会读完这篇然后存起来以后再看。少数人今晚就会打开 Claude,明天就能发一个可玩的链接。提示词链就在这。拿去用。
我每周会在 Telegram 上发几次这样的拆解——提示词链、AI 变现实验、什么有效什么翻车:t.me/GipArcAI
提示词
爆款内容:
一条带可玩链接的线程,胜过
一条纯视频的帖子。人们会分享
他们能点开的东西。那就是粉丝,而粉丝
才是资产。
客户演示:
“我能在 2 天里给你做一个互动产品演示”
当你展示一个能跑的游戏作为证据时,
这句话的分量完全不一样。
单个定制互动件的现实价格:300-1500 美元。
换皮:
同一套代码库变成一个企业的品牌迷你游戏:
他们的产品代替汽车,他们的吉祥物代替 NPC。代理公司
对这个报价 3000-8000 美元。作为独立构建者,
你可以在 500-2500 美元这个价位压过他们,而且仍然
用几天而不是几周来交付。
构建一次,把适配卖很多次。
游戏门户:
itch.io 之类接受带可选打赏的浏览器游戏。
钱少,但被动,而且能积累公开作品集。
var want = Math.atan2(dx, dz);
var diff = want - cop.heading;
while (diff > Math.PI) diff -= Math.PI * 2;
while (diff < -Math.PI) diff += Math.PI * 2;
cop.heading += Math.max(-1.8 * dt, Math.min(1.8 * dt, diff));
if (distSq > 100) {
// 追到近处,然后停下开枪
cop.x += Math.sin(cop.heading) * 13 * dt;
cop.z += Math.cos(cop.heading) * 13 * dt;
}
把地图重新设计成一个死胡同:一条环绕
土质圆环的路,房子面向圆环,顶部一栋两层楼,
南边一条进出的街。
加警察:2 颗通缉星时刷出带闪灯的黑白警车,
追我、开枪。我能用 3 次命中干掉它们来拿奖励钞票。
Netlify Drop:把文件拖到 netlify.com/drop,拿到一个链接
GitHub Pages:推到一个仓库,在设置里启用 Pages
Vercel:vercel.com,导入,部署
加上按 F 或空格射击,步行和从车里甩枪都行。
加一个穿紫色、在自己的地盘巡逻的敌对帮派。
如果我打中一个,附近的帮派成员会进入仇恨状态并还击。
给我一个血条和一个带重生的 WASTED 死亡画面。
function dot(x, z, color, r) {
var p = worldToMap(x, z);
ctx.fillStyle = color;
ctx.beginPath();
ctx.arc(p[0], p[1], r || 2.4, 0, 6.29);
ctx.fill();
}
gang.forEach(g => dot(g.x, g.z, '#c46af0')); // 紫色
cops.forEach(c => dot(c.x, c.z, '#5a9af0')); // 蓝色
让它看起来像 San Andreas,而不是 Minecraft:雾蒙蒙的天空、
带坡屋顶和门廊的灰泥房子、三种植被
(棕榈树、圆树、灌木)、路灯、
电线杆、停着的车、雾中远处天际线的剪影。
把所有 UI 翻译成英语。
用 CDN 的 three.js,把一个 GTA 风格的开放世界迷你游戏做成
单个 HTML 文件。
要求:
- 程序化低多边形城市:道路、建筑、人行道
- 可用 WASD/方向键驾驶的车,第三人称镜头
- 闲逛的行人 NPC
- 制造混乱会上升、随时间衰减的通缉星
- 带速度和分数的 HUD
- 触控按钮,便于在手机上运行
把所有东西放在一个文件里。没有构建步骤,没有 npm。
步行时第一人称镜头,带头部晃动和
准星。GTA 风格 HUD:绿色钞票计数器、
五星通缉条、武器名,以及角落里的圆形雷达
小地图,显示道路、紫色圆点的帮派成员、
蓝色圆点的警察,以及绿色的我的车。
加上按 E 下车、用同一套控制四处走动的能力。给手机加一个按钮。
在 HUD 里显示当前模式。
链接
t.me/GipArcAI
标签:# X # 游戏 # Claude # 营销 # AI # 增长 # GTA # Thread # 指南 # Fable 相关文章 我用每月 124 美元建了一座 AI 预告片工厂。上个月它帮我赚了 14000 美元。Claude 写概念和场景分解:20 分钟 游戏 Claude AI 营销
原文参考:https://maxed.wiki/posts/agencies-charge-8-000-for-a-mini-game-i-built-one-for-20-with-fable-5/ (Maxed.wiki,本页为站内中文整理)