跳到正文
zenn · 游戏开发社区· 来源· Asobiai·· 1 天前AI 评分74

我做了一个网站,只要对AI说「发布到Asobiai上」,做好的游戏就会被发布出来

AIに「Asobiaiに公開して」と頼むだけで、つくったゲームが公開されるサイトを作った

正文 · AI 翻译

让Claude或ChatGPT「做一个能在浏览器里玩的游戏」,做出来的东西还相当能玩。可要想让朋友玩到做好的游戏,存放的地方就成了难题。发送HTML文件?还是租个服务器?

于是,我做了一个只要对AI说「发布到Asobiai」,就能把AI做的游戏发布出去的网站「Asobiai(アソビアイ)」。

Asobiaiのトップページ

能做什么?

  • 在与AI的对话中说「发布到Asobiai」,游戏就会被发布,并返回一个谁都能玩的URL
  • 有图片或音频文件的游戏也能直接发布
  • 发布之后,只要说「把这个bug报告修一下」「调难一点」,AI就会修改并上传新版本
  • 玩过的人会通过点赞、评论、Bug 报告、排行榜(分数)来反馈

也可以不通过 AI,而是把 HTML 粘贴到网站上,或者拖放文件夹来发布。

连接方法

AI 与网站通过 MCP(让 AI 使用外部服务的机制)连接。在网站的“请 AI 帮忙发布(MCP)”页面中,汇总了各个 AI 应用的操作步骤。

MCPのページ

Claude(桌面应用 / Web)

  1. 「Customize」→「Connectors」→「+ Add」→「Add custom connector」
  2. 在名称中输入「Asobiai」,在 URL 中填入 https://asobiai.games/mcp,然后点击「继续」
  3. 会打开 Asobiai 的页面,登录后点击「允许」

不需要复制 API 密钥等操作。只需登录并点击「允许」即可(OAuth)。

ChatGPT

在 chatgpt.com/plugins 中点击「+」→「Add custom MCP server」,在 Server URL 中填入 https://asobiai.games/mcp,认证方式选择「OAuth」。

Claude Code / Codex / Gemini CLI

只需一行命令即可完成注册。注册后,在浏览器中登录并点击“允许”。

# Claude Code
claude mcp add --transport http --scope user asobiai https://asobiai.games/mcp

# Codex
codex mcp add asobiai --url https://asobiai.games/mcp

# Gemini CLI
gemini mcp add --transport http -s user asobiai https://asobiai.games/mcp

AIアプリごとの手順

此外还有 Cursor、VS Code 等的操作步骤。面向 AI agent,我们还准备了将步骤汇总到一页的文本版( https://asobiai.games/docs/mcp.md ),把它交给 Claude Code 等并说“读一下这个并帮我配置”,它就会一直推进到配置完成。

试着制作游戏并发布

连接好之后,接下来只要像平时一样让 AI 做游戏即可。

你: 做一个按一个按钮就能玩的跳跃游戏。做好后发布到 Asobiai

AI 制作完游戏后,会调用 Asobiai 的 publish_game。返回的结果如下(节选。为便于 AI 阅读,以英文返回)。

Published "ペンギン・ホップ" (published, unlisted).
Play: https://asobiai.games/g/xxxxxxxxxx
Edit page (thumbnail, details): https://asobiai.games/g/xxxxxxxxxx/edit

AI 会告诉你这个 URL,所以打开就能玩了。缩略图会在发布后立即自动截取游戏画面并附上。

最初是“限定公开”

从 AI 发布的游戏,首先会处于限定公开(只有知道 URL 的人才能玩)状态。确认标题、缩略图和说明后,在编辑画面点击“向所有人公开”,就会出现在游戏列表、搜索和排行榜中。

限定公開の表示と「みんなに公開」ボタン

为了避免 AI 在不知不觉中发布大量内容,是否列入列表由人来决定。点击“向所有人公开”后,还会出现可以直接分享到 X 的画面。

如果玩过的人发来 Bug 报告或想法,只要拜托 AI,就能让它修复。

你:查看 Asobiai 收到的 Bug 报告,修复并更新

AI 会用 get_game_feedback 汇总阅读尚未处理的 bug 报告,并用 update_game 提交修复后的代码。除此之外,还可以让 AI 做这些事。

委托事项 使用的工具
确认它是否真的能在浏览器中运行 check_game(在真实浏览器中打开,并返回错误、未能加载的文件和截图)
在发布前先用预览确认,然后再发布 update_game 的 release: false → release_version
恢复到之前的版本 release_version
玩了多少次? get_game_stats
想回复评论 get_comments / reply_to_comment
让我参加主题(Game Jam) list_jams / publish_game 的 jam

也有可以在游戏中使用的轻量 SDK。只要加入一行 window.AIGame?.submitScore(score),游戏页面就会显示排行榜。存档、奖杯、在线对战(进入房间并互相发送消息)也可以使用。如果对 AI 说“支持 Asobiai 的排行榜”,它就会帮你加入。

公開したゲームのページ

机制(面向开发者)

给感兴趣的人大致说明一下。

  • 网站:Cloudflare Workers + React Router(SSR)+ D1(数据库)+ R2(游戏文件)。在线对战房间使用 Durable Objects
  • MCP:Streamable HTTP 的远程 MCP 服务器(https://asobiai.games/mcp)。认证采用 OAuth 2.1(动态客户端注册、PKCE),从 ChatGPT 或 Claude 的连接器只需“登录并允许”即可连接。也可以使用 API 令牌。
  • 游戏运行:游戏在不同于网站的源(每个游戏单独的子域名)中运行,位于带 sandbox 的 iframe 内。这样做是为了让投稿的代码无法接触网站的登录信息等。
  • 浏览器中的验证:check_game 通过 Cloudflare 的 Browser Run(无头 Chrome)实际打开游戏,并将错误和截图返回给 AI。AI 不会停留在“以为已经运行”的状态,而是能自己确认并修正。
  • 在聊天中上传:对于带有图片或声音文件的游戏,会在 Claude、ChatGPT 的聊天中显示用于上传的界面(MCP Apps),让用户把文件夹拖放到那里。

也已作为 games.asobiai/asobiai 注册到官方 MCP Registry 中。

结语

“试着用 AI 做了游戏,但没有地方放”的人如果能用上它,我会很高兴。每月还会举办主题(Game Jam)。现在的主题是“单按钮”。

做好的游戏,请一定让我看看!

来源:zenn · 游戏开发社区 · zenn.dev