Skip to main content
Glama
playcanvas

PlayCanvas Editor MCP Server

Official
by playcanvas
██████╗ ██╗      █████╗ ██╗   ██╗ ██████╗ █████╗ ███╗   ██╗██╗   ██╗ █████╗ ███████╗
██╔══██╗██║     ██╔══██╗╚██╗ ██╔╝██╔════╝██╔══██╗████╗  ██║██║   ██║██╔══██╗██╔════╝
██████╔╝██║     ███████║ ╚████╔╝ ██║     ███████║██╔██╗ ██║██║   ██║███████║███████╗
██╔═══╝ ██║     ██╔══██║  ╚██╔╝  ██║     ██╔══██║██║╚██╗██║╚██╗ ██╔╝██╔══██║╚════██║
██║     ███████╗██║  ██║   ██║   ╚██████╗██║  ██║██║ ╚████║ ╚████╔╝ ██║  ██║███████║
╚═╝     ╚══════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝╚═╝  ╚═╝╚═╝  ╚═══╝  ╚═══╝  ╚═╝  ╚═╝╚══════╝

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

使用 LLM 自动化PlayCanvas 编辑器的 MCP 服务器。

[!重要的]
目前,MCP 服务器需要由 Anthropic 的 Claude 驱动。根据我们的经验,Claude 的免费套餐无法提供足够大的聊天上下文来可靠地运行 MCP 服务器。因此,我们强烈建议您订阅 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. 这将打开claude_desktop_config.json ,即您的 MCP 配置 JSON 文件。

光标

  1. 安装光标

  2. 选择File > Preferences > Cursor Settings

  3. 单击+ Add new global MCP server

  4. 这将打开mcp.json ,即您的 MCP 配置 JSON 文件。

[!提示]
同样在Cursor Settings中,选择Features并滚动到Chat部分。勾选Enable auto-run mode ,即可允许 LLM 运行 MCP 工具而无需持续授权。此操作风险自负(但我们更希望您这样做)!

[!重要的]
在 Cursor 中,确保已选择AgentEdit Ask将无法识别 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 配置 JSON 文件中设置的端口号相匹配)。

NOTE

目前,您一次只能将一个 PlayCanvas 编辑器实例连接到 MCP 服务器。

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

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/playcanvas/editor-mcp-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server