通过MCP将Wonderland Engine连接到编程代理

Wonderland Engine提供了MCP Server插件,使Cursor、VSCode Copilot、Claude Code、Gemini CLI及其他AI编程代理可以访问高性能的3D网页开发。让您的编程代理为您导入场景、设置组件和修改设置。

渲染3D图形是复杂的,需要大量的代码。虽然结构和底层理解渲染引擎和游戏引擎对于训练良好的代码LLM来说是可以实现的,但仅仅为了创建一个游戏或WebXR体验而从头开始编写一个完整的游戏引擎并不实际。

大多数现有的3D网络框架都是围绕WebGL或WebGPU的代码抽象,不是真正的游戏引擎。它们缺乏资产处理管道和高级运行时优化,因此将性能留给用户——或者在这种情况下,留给您的编程代理。

但制作游戏本身已经是一项复杂的任务,因此可以利用Wonderland Engine这个强大的基础,让您的编程代理专注于实际的3D游戏或WebXR体验,将您的游戏活力编码速度提高10倍。

Wonderland Engine是使用编程代理构建高性能3D网页游戏的最佳选择,因为它经过优化,加载速度快,甚至在iOS Safari上运行良好,并且LLM对最流行的3D引擎的知识非常适用于Wonderland Engine。

本教程将介绍如何设置和安装Wonderland Engine MCP Server插件

安装插件 

进入Views > Plugins并为您的项目启用插件执行。然后切换到“Project Scope”选项卡,点击@wonderlandengine/mcp-plugin旁边的“Install”。

最后,启用插件。

或者,您可以通过npm将插件作为devDependency自行安装:

npm i -D @wonderlandengine/mcp-plugin

配置编程代理 

接下来,请确保配置您的编程代理。具体的配置将取决于您的编程代理。 以下是撰写本文时流行的AI编程代理IDE的设置指南:

当编辑器打开时,MCP服务器通过_Streamable HTTP_传输协议在localhost:3020/mcp上运行。

下面是一个测试连接是否正常的提示:

请使用您的MCP工具从Wonderland Engine场景中移除立方体。

故障排除 

如果遇到问题,请通过我们的Discord社区联系我们,我们很乐意提供帮助!