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

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

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

正文 · 原文

ClaudeやChatGPTに「ブラウザで遊べるゲームを作って」と頼むと、けっこう遊べるものができますよね。でも、できたゲームを友だちに遊んでもらおうとすると、置き場所に困ります。HTMLファイルを送る? サーバーを借りる?

そこで、AIでつくったゲームを、AIに「Asobiaiに公開して」と頼むだけで公開できるサイト「Asobiai(アソビアイ)」 を作りました。

Asobiaiのトップページ

なにができるの?

  • AIとの会話の中で「Asobiaiに公開して」と頼むと、ゲームが公開されて、だれでも遊べるURLが返ってきます
  • 画像や音のファイルがあるゲームも、そのまま公開できます
  • 公開したあとも「バグ報告を直して」「難しくして」と頼めば、AIが直して新しいバージョンを上げてくれます
  • 遊んだ人は、いいね・コメント・バグ報告・ランキング(スコア)で反応してくれます

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 を入れて「Continue」
  3. Asobiai の画面が開くので、ログインして「許可する」

APIキーのコピーなどは要りません。ログインして「許可する」を押すだけです(OAuth)。

ChatGPT

chatgpt.com/plugins の「+」→「Add custom MCP server」から、Server URL に https://asobiai.games/mcp を入れ、認証は「OAuth」を選びます。

Claude Code / Codex / Gemini CLI

コマンド1行で登録できます。登録したあと、ブラウザでログインして「許可する」を押します。

# 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エージェント向けには、手順を1ページにまとめたテキスト版( 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でシェアできる画面も出ます。

遊んだ人からバグ報告やアイデアが届いたら、AIに頼めば直してもらえます。

あなた: Asobiaiに届いたバグ報告を見て、直して更新して

AIは get_game_feedback で未対応のバグ報告をまとめて読み、直したコードを update_game で上げます。ほかにも、こんなことをAIに頼めます。

頼むこと 使われる道具
本当にブラウザで動くか確かめて check_game(本物のブラウザで開き、エラー・読み込めなかったファイル・スクリーンショットを返す)
公開前にプレビューで確かめてから出して update_game の release: false → release_version
前のバージョンに戻して release_version
何回遊ばれた? get_game_stats
コメントに返信したい get_comments / reply_to_comment
お題(ゲームジャム)に参加させて list_jams / publish_game の jam

ゲームの中から使える小さなSDKもあります。window.AIGame?.submitScore(score) を1行入れると、ゲームページにランキングが出ます。セーブ・トロフィー・オンライン対戦(部屋に入ってメッセージを送り合う)も使えます。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)を出して、そこにフォルダをドロップしてもらいます

公式の MCP Registry にも games.asobiai/asobiai として登録しています。

おわりに

「AIでゲームを作ってみたけど、置き場所がない」という人に使ってもらえたらうれしいです。毎月お題(ゲームジャム)もやっています。いまのお題は「ワンボタン」です。

つくったゲーム、ぜひ見せてください!

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