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

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

一个用于通过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

安装

运行 npm install 以安装所有依赖项。

安装Chrome扩展

1. 访问 chrome://extensions/ 并启用开发者模式。
2. 点击 加载已解压的扩展程序 并选择 extensions 文件夹。
3. 加载PlayCanvas编辑器。扩展程序应该已加载。

运行MCP服务器

MCP服务器可以通过Cursor或Claude Desktop驱动。

[!提示]
我们发现Claude Desktop通常更可靠。

Claude Desktop

1. 安装 Claude Desktop。
2. 转到 Claude > 设置。
3. 选择 开发者，然后选择 编辑配置。
4. 这将打开 claude_desktop_config.json，即您的MCP配置JSON文件。

Cursor

1. 安装 Cursor。
2. 选择 文件 > 首选项 > Cursor设置。
3. 点击 + 添加新的全局MCP服务器。
4. 这将打开 mcp.json，即您的MCP配置JSON文件。

[!提示]
同样在 Cursor设置 中，选择 功能 并滚动到 聊天 部分。激活 启用自动运行模式 以允许LLM运行MCP工具而无需不断授权。您这样做风险自负（但我们更喜欢这种方式）！

[!重要]
在Cursor中，确保您选择了 代理 模式。询问 和 编辑 模式将无法识别MCP服务器。

MCP配置JSON文件

您的配置应如下所示：

Windows

{
  "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扩展程序以打开扩展程序弹出窗口。
4. 选择 连接（端口号应与MCP配置JSON文件中设置的端口号匹配）。

[!注意]
目前，您一次只能连接一个PlayCanvas编辑器实例到MCP服务器。

您现在应该能够在Claude Desktop或Cursor中发出命令。