用 AI 智能体在一个晚上制作浏览器 RPG
无需编程知识，使用免费 AI 智能体，获得一个可玩的单 HTML 文件浏览器游戏。
- 1.打开 AgentHere 网站并注册。注册后会赠送 100 万免费 token，足以在不绑定银行卡的情况下制作游戏原型。
如果该服务在您所在地区不可用，请使用 VPN 或其他支持代码生成的 AI 聊天工具。
AgentHere ↗ - 2.在「我的智能体」中选择助手或分析师模板，然后打开网页聊天。向智能体发送提示词以创建游戏的第一版。
描述越精确，效果越好。第一款游戏只需一个界面和基本操作即可。
AgentHere ↗提示词创建一个简单的基于浏览器的文字 RPG，放在单个 index.html 文件中。将所有 HTML、CSS 和 JavaScript 放在同一个文件内。玩家是一名探索黑暗森林的英雄。包含一个带有「开始游戏」按钮的起始界面、一个与哥布林战斗的简单战斗系统（带有「攻击」和「治疗」按钮），以及胜利/失败界面。代码尽量精简但可玩。
这个提示词的作用提示词请求 AI 创建一个单文件 index.html 的简单文字 RPG，内嵌 HTML、CSS 和 JavaScript。游戏包含起始界面、与哥布林的战斗（攻击和治疗按钮）以及胜利/失败界面。 - 3.复制智能体生成的代码，在电脑上新建一个名为 index.html 的文件并粘贴代码，然后保存。
如果代码太长无法放入一条消息，可以要求智能体分块输出，或直接复制扩展名为 .html 的代码块。
AgentHere ↗ - 4.双击 index.html 文件，用任意浏览器打开。检查游戏是否能启动，按钮是否正常工作。
如果游戏无法运行，请复制浏览器控制台中的错误信息（F12 -> Console）发给智能体修复。
Web Browser ↗ - 5.回到与智能体的聊天中，要求添加一个具体的功能或改进。然后更新你文件中的代码。
每次只添加一个功能，以免智能体混乱。例如可以先添加音效或排行榜。
AgentHere ↗提示词为游戏添加一个生命药水道具。玩家开局拥有 1 个药水。添加一个「使用药水」按钮，可以恢复 30 点生命值并从背包中移除 1 个药水。相应更新 HTML 和 JavaScript 代码。
这个提示词的作用提示词请求添加生命药水（开局 1 个）和「使用药水」按钮，恢复 30 点生命值并从背包移除药水，同时更新代码。 - 6.游戏完成后，将其发布到互联网上以便分享链接。注册 Surge，安装工具并在游戏文件夹中执行发布命令。
Surge 是一个免费的静态网站托管服务。安装方法：在终端执行 `npm install --global surge`。
Surge ↗
💰 跟着做需要花多少钱价格截至 2026-10
- 免费AgentHere - 免费注册注册后赠送 100 万 token，足以制作游戏并进行数十次修改迭代，账户还包含图片和音乐生成功能。
- 免费Vercel - 落地页托管免费套餐可托管静态游戏网站并获得公开链接，无需付费。
试一试，做第一个打卡的人
为什么是今天
vc.ruweb
agenthere.ruweb
每周攻略发到邮箱
AI 服务变化很快 - 界面和免费额度可能与描述有所不同。