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

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