编辑器-mcp-服务器

MCP服务器用于通过大型语言模型自动化PlayCanvas编辑器。

<img width="1864" alt="2025-03-21 15 50 10的屏幕截图" src="https://gips3.baidu.com/it/u=3168144830,2383591957&fm=3081&app=3081&f=PNG?w=3728&h=2110" />

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

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

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