MCP 服务器

Playcanvas_editor Mcp Server

镜子 (jìng zi)

MCP-Mirror

开发者工具

README

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

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

一个使用 LLM 自动化 [PlayCanvas 编辑器](https://playcanvas.com/products/editor) 的 MCP 服务器。

<img width="1864" alt="Screenshot 2025-03-21 at 15 50 10" src="https://github.com/user-attachments/assets/393ffe73-40eb-4e1b-9442-2295bbb63326" />

> [!IMPORTANT]
> 目前，MCP 服务器需要由 Anthropic 的 Claude 驱动。我们的经验表明，Claude 的免费层级无法提供足够大的聊天上下文来可靠地运行 MCP 服务器。因此，我们强烈建议订阅 Pro Claude 帐户。

## 可用工具

* `create_entities` (创建实体)
* `modify_entities` (修改实体)
* `duplicate_entities` (复制实体)
* `reparent_entity` (重新指定父实体)
* `delete_entities` (删除实体)
* `list_entities` (列出实体)
* `add_components` (添加组件)
* `remove_components` (移除组件)
* `list_assets` (列出资源)
* `delete_assets` (删除资源)
* `instantiate_template_assets` (实例化模板资源)
* `create_script` (创建脚本)
* `set_script_text` (设置脚本文本)
* `script_parse` (脚本解析)
* `create_material` (创建材质)
* `set_material_diffuse` (设置材质漫反射)
* `add_script_component_script` (添加脚本组件脚本)
* `modify_scene_settings` (修改场景设置)
* `query_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](https://claude.ai/download)。
2. 转到 `Claude` > `设置`。
3. 选择 `开发者` 然后 `编辑配置`。
4. 这将打开 `claude_desktop_config.json`，您的 MCP 配置 JSON 文件。

#### Cursor

1. 安装 [Cursor](https://www.cursor.com/)。
2. 选择 `文件` > `首选项` > `Cursor 设置`。
3. 点击 `+ 添加新的全局 MCP 服务器`。
4. 这将打开 `mcp.json`，您的 MCP 配置 JSON 文件。

> [!TIP]
> 同样在 `Cursor 设置` 中，选择 `功能` 并滚动到 `聊天` 部分。 激活 `启用自动运行模式` 以允许 LLM 运行 MCP 工具而无需持续授权。 您需要自行承担风险（但我们更喜欢它）！

#### MCP 配置 JSON 文件

这是您的配置应该的样子：

Windows

```json
{
  "mcpServers": {
    "playcanvas": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "tsx",
        "C:\\path\\to\\mcp-editor\\src\\server.ts"
      ]
    }
  }
}

macOS

{
  "mcpServers": {
    "playcanvas": {
      "command": "npx",
      "args": [
        "tsx",
        "/path/to/mcp-editor/src/server.ts"
      ]
    }
  }
}