通过MCP将Wonderland Engine连接到编程代理
渲染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.json进行Cursor MCP配置 - 在VS Code Copilot中使用MCP服务器
- 通过MCP连接Claude Code到工具
- 在Gemini CLI中使用MCP服务器
- 在Windsurf上配置MCP服务器
- 连接OpenAI Codex CLI到MCP服务器
当编辑器打开时,MCP服务器通过_Streamable HTTP_传输协议在localhost:3020/mcp上运行。
下面是一个测试连接是否正常的提示:
请使用您的MCP工具从Wonderland Engine场景中移除立方体。
故障排除
如果遇到问题,请通过我们的Discord社区联系我们,我们很乐意提供帮助!