MCP编辑器服务器

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

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

一个用于通过LLM自动化PlayCanvas编辑器的MCP服务器。

[!IMPORTANT]
目前，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驱动。

[!TIP]
我们发现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文件。

[!TIP]
同样在Cursor设置中，选择功能并滚动到聊天部分。激活启用自动运行模式允许LLM无需持续授权即可运行MCP工具。您这样做需自行承担风险（但我们偏好这种方式）！

[!IMPORTANT]
在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 Extension以打开扩展弹出窗口。
4. 选择CONNECT（端口号应与您在MCP配置JSON文件中设置的一致）。

[!NOTE]
目前只能同时将一个PlayCanvas编辑器实例连接到MCP服务器。

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