Skip to main content
Glama

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

安装

运行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 中发出命令。

Install Server
A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

local-only server

The server can only run on the client's local machine because it depends on local resources.

MCP 服务器使 LLM 能够在 PlayCanvas 编辑器中构建实时 3D Web 应用程序。

  1. 安装
    1. 安装 Chrome 扩展程序
    2. 运行 MCP 服务器
  2. 将编辑器连接到 MCP 服务器

    Related MCP Servers

    • -
      security
      A
      license
      -
      quality
      A MCP server that provides browser automation tools, allowing users to navigate websites, take screenshots, click elements, fill forms, and execute JavaScript through Playwright.
      Last updated -
      Python
      Apache 2.0
      • Apple
    • -
      security
      F
      license
      -
      quality
      Playwright wrapper for MCP that enables LLM-powered clients to control a browser for automation tasks.
      Last updated -
      Python
    • A
      security
      F
      license
      A
      quality
      An MCP server that enables LLMs to 'see' what's happening in browser-based games and applications through vectorized canvas visualization and debug information.
      Last updated -
      1
      1
      36
      JavaScript
    • -
      security
      A
      license
      -
      quality
      An MCP server that helps novice developers deploy web applications through conversational interfaces, bridging the gap between LLMs and various hosting environments.
      Last updated -
      1
      Python
      MIT License
      • Apple

    View all related MCP servers

    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