mcpField
B
browser-game

browser-game

ローカル
opengame.app開発ツール02 週間前に更新
リポジトリ公式サイト

browser-game について

browser-game は、OpenGame の公開ブラウザーゲームショーケース用リポジトリです。実行可能な HTML 例やプロンプトを収録し、プロトタイプの計画・検証向け MCP サーバーも含みますが、本番ランタイムは含みません。

主な機能

  1. 01プレイ可能な静的 HTML 展示
  2. 023D・2D ゲーム例
  3. 03関連プロンプトとページへのリンク
  4. 04ローカルの読み取り専用 MCP サーバー

活用シーン

  1. 01橋を題材にした 3D シーンの確認
  2. 02Canvas プラットフォームゲームの試遊
  3. 03ブラウザーゲームの垂直スライスの計画
  4. 04ゲーム概要の検証

MCP 対応

ローカルで動作する読み取り専用の OpenGame Browser Game MCP サーバーを収録しています。AI クライアントはゲームの垂直スライスの計画、Canvas/DOM または Three.js/WebGL の選択、概要の検証、公開ショーケースの検索に利用できます。API キーは不要で、本番システムには接続しません。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "opengameapp-browser-game": {
      "command": "npx",
      "args": [
        "-y",
        "opengame-browser-game-mcp"
      ]
    }
  }
}
起動コマンドnpx -y opengame-browser-game-mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmopengame-browser-game-mcp0.1.3

ツール

4

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
dimensionenumいいえ任意のショーケースの次元フィルター。2d | 3d

詳細

OpenGame ショーケース

OpenGame の公開ブラウザーゲームショーケースです。

ウェブサイト： https://opengame.app/

注目のプレビュー

Golden Gate Bridge — 3D Cinematic のゲームプレイプレビュー

Golden Gate Bridge — 3D Cinematic

ポスターをクリックしてライブデモをプレイするか、動画プレビューをご覧ください。

このリポジトリは意図的に小規模に保たれています。公開ショーケース素材のみを収録しており、プレイ可能な静的 HTML のサンプル、プロンプト、対応する OpenGame のページへのリンクが含まれています。OpenGame の本番ランタイムコード、デプロイ設定、認証情報、ユーザーデータ、課金データ、分析データのエクスポートは含まれていません。

ショーケース

ショーケース種類プレイ動画プロンプトOpenGame ページ
Golden Gate Bridge — 3D Cinematic3D / Three.js / WebGLライブデモ動画プレビュープロンプトOpenGame ページ
Vaporwave Platformer — Night City2D / プラットフォーマー / Canvasライブデモ—プロンプトOpenGame ページ
PokeBonk: Pocket Survivor (ショーケースのコピー)3D / サバイバル / Three.jsプレイとガイド—概要と改訂版OpenGame ページ

ローカルで実行する

HTML ファイルをブラウザーで直接開きます。

open showcases/golden-gate-bridge/index.html
open showcases/vaporwave-platformer/index.html

Golden Gate Bridge のショーケースは、jsDelivr から Three.js をインポートします。Vaporwave Platformer は自己完結型です。

OpenGame Skills

再利用可能な公開 Skills の正式なリポジトリが用意されました： opengameapp/OpenGame-skills。 以下のソースからインストールしてください。

npx skills add opengameapp/OpenGame-skills \
  --skill opengame-browser-game-builder

npx skills add opengameapp/OpenGame-skills \
  --skill opengame-marketplace-publisher

レガシーの skills/ フォルダーは、移行中に既存のマーケットプレイスのソースリンクが切れないよう、一時的に維持されています。新しい Skills と今後のバージョンは、専用リポジトリのみで管理されます。Skill カタログをご覧ください。

OpenGame MCP サーバー

mcp/ ディレクトリには、個別にインストールできる Model Context Protocol サーバーが含まれています。最初のサーバーである OpenGame Browser Game MCP は、AI クライアントに対し、ブラウザーゲームの垂直スライスの範囲設定、Canvas/DOM または Three.js/WebGL の選択、概要の検証、公開ショーケースの検索を行うための決定論的なツールを提供します。ローカルで読み取り専用であり、API キーは不要で、OpenGame の本番システムに接続することはありません。

公開 npm パッケージからインストールするか、公式 MCP レジストリで io.github.opengameapp/browser-game を検索してください。LobeHub Marketにも掲載されています。バージョン管理されたリリース手順については、MCP 公開ガイドをご覧ください。

OpenGame でリミックスする

prompts/ 内のプロンプトファイルを出発点として使用し、公式ウェブサイトで OpenGame を使ってリミックスしてください。

リポジトリの対象範囲

含まれるもの：

  • 公開されている、プレイ可能な HTML のショーケース。
  • 生成を導くために使用したオリジナルのプロンプト。
  • 専用の公開 OpenGame Skills カタログへのリンク。
  • 対応する OpenGame のライブデモおよび詳細ページへのリンク。

含まれないもの：

  • 独自の OpenGame アプリ／ランタイムのソースコード。
  • 本番環境のシークレット、API キー、Cookie、ユーザー記録、分析データ、決済情報、デプロイ設定。
  • 非公開のプロンプトや顧客が生成したコンテンツ。

ライセンス

このリポジトリのショーケース資料には MIT ライセンスが適用されます。サンプルで読み込まれるサードパーティのランタイムライブラリには、それぞれ独自のライセンスが適用されます。

PokeBonk は非公式のファンによる実験です。このコードのライセンスは、サードパーティのキャラクター名、デザイン、商標に関する権利を付与するものではありません。詳しくは、ライセンスとクレジットに関する注記をご覧ください。

お問い合わせ

製品サポート：[email protected]
一般のお問い合わせ：[email protected]

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。