PlayCanvas Editor MCP Server

██████╗ ██╗      █████╗ ██╗   ██╗ ██████╗ █████╗ ███╗   ██╗██╗   ██╗ █████╗ ███████╗
██╔══██╗██║     ██╔══██╗╚██╗ ██╔╝██╔════╝██╔══██╗████╗  ██║██║   ██║██╔══██╗██╔════╝
██████╔╝██║     ███████║ ╚████╔╝ ██║     ███████║██╔██╗ ██║██║   ██║███████║███████╗
██╔═══╝ ██║     ██╔══██║  ╚██╔╝  ██║     ██╔══██║██║╚██╗██║╚██╗ ██╔╝██╔══██║╚════██║
██║     ███████╗██║  ██║   ██║   ╚██████╗██║  ██║██║ ╚████║ ╚████╔╝ ██║  ██║███████║
╚═╝     ╚══════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝╚═╝  ╚═╝╚═╝  ╚═══╝  ╚═══╝  ╚═╝  ╚═╝╚══════╝

███╗   ███╗ ██████╗██████╗        ███████╗███████╗██████╗ ██╗   ██╗███████╗██████╗ 
████╗ ████║██╔════╝██╔══██╗       ██╔════╝██╔════╝██╔══██╗██║   ██║██╔════╝██╔══██╗
██╔████╔██║██║     ██████╔╝       ███████╗█████╗  ██████╔╝██║   ██║█████╗  ██████╔╝
██║╚██╔╝██║██║     ██╔═══╝        ╚════██║██╔══╝  ██╔══██╗╚██╗ ██╔╝██╔══╝  ██╔══██╗
██║ ╚═╝ ██║╚██████╗██║            ███████║███████╗██║  ██║ ╚████╔╝ ███████╗██║  ██║
╚═╝     ╚═╝ ╚═════╝╚═╝            ╚══════╝╚══════╝╚═╝  ╚═╝  ╚═══╝  ╚══════╝╚═╝  ╚═╝

LLM を使用してPlayCanvas エディタを自動化するための MCP サーバー。

[！重要]
現在、MCPサーバーはAnthropicのClaudeによって運営されています。これまでの経験から、Claudeの無料プランではMCPサーバーを安定的に運用するのに十分なチャットコンテキストが提供されないことが分かっています。そのため、Pro Claudeアカウントへのご登録を強くお勧めします。

利用可能なツール

• 実在物

  • list_entities

  • create_entities

  • delete_entities

  • duplicate_entities

  • modify_entities

  • reparent_entity

  • add_components

  • remove_components

  • add_script_component_script

• 資産

  • list_assets

  • create_assets

  • delete_assets

  • instantiate_template_assets

  • set_script_text

  • script_parse

  • set_material_diffuse

• シーン

  • query_scene_settings

  • modify_scene_settings

• 店

  • store_search

  • store_get

  • store_download

Related MCP server: Playwright MCP

インストール

npm install実行してすべての依存関係をインストールします。

Chrome拡張機能をインストールする

1. chrome://extensions/にアクセスし、開発者モードを有効にします。

2. Load unpackedをクリックし、 extensionsフォルダを選択します。

3. PlayCanvasエディタを読み込みます。拡張機能が読み込まれるはずです。

MCPサーバーを実行する

MCP サーバーは、Cursor または Claude Desktop によって駆動できます。

[！ヒント]
一般的に、Claude Desktop の方が信頼性が高いことがわかりました。

クロードデスクトップ

1. Claude Desktopをインストールします。

2. Claude > Settingsに移動します。

3. Developerを選択し、 Edit Config選択します。

4. これにより、MCP Config JSON ファイルであるclaude_desktop_config.jsonが開きます。

カーソル

1. カーソルをインストールします。

2. File > Preferences > Cursor Settingsを選択します。

3. + Add new global MCP serverクリックします。

4. これにより、MCP Config JSON ファイルであるmcp.json開きます。

[！ヒント]
また、 Cursor SettingsでFeaturesを選択し、 Chatセクションまでスクロールします。 Enable auto-run modeを有効にすると、LLMがMCPツールを常時認証なしで実行できるようになります。これは自己責任で行ってください（ただし、推奨します）。

[！重要]
カーソルでAgentが選択されていることを確認してください。 AskとEditモードではMCPサーバーが認識されません。

MCP 構成 JSON ファイル

設定は次のようになります。

ウィンドウズ

{
  "mcpServers": {
    "playcanvas": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "tsx",
        "C:\\path\\to\\mcp-editor\\src\\server.ts"
      ],
      "env": {
        "PORT": "52000"
      }
    }
  }
}

macOS

{
  "mcpServers": {
    "playcanvas": {
      "command": "npx",
      "args": [
        "tsx",
        "/path/to/mcp-editor/src/server.ts"
      ],
      "env": {
        "PORT": "52000"
      }
    }
  }
}

エディターをMCPサーバーに接続する

PlayCanvasエディタはMCPサーバに自動的に接続しません。接続するには：

1. PlayCanvas エディタを実行している Chrome タブをアクティブにします。

2. アドレスバーの右側にある拡張機能アイコンを選択します。

3. PlayCanvas Editor MCP Extension を選択して拡張機能ポップアップを開きます。

4. CONNECTを選択します (ポート番号は、MCP Config JSON ファイルで設定されているものと一致する必要があります)。

これで、Claude Desktop または Cursor でコマンドを発行できるようになります。