兄弟们,cocos-mcp来了,通过AI指挥creator做游戏

最近MCP的确火热了一把,我亲自体验了下,感觉还真的能够带来实质性的工作效率提升,这里就和大家分享下我的CocosMcp探索过程

先看效果

我在CocosCreator编辑器中打开了如下的Prefab,

然后我问AI,帮我查询下当前打开的场景信息,很快AI就通过MCP,正确查询到了我打开的预制体节点树信息

以上仅仅是一个示例,说明的确是可以通过MCP,我们和AI沟通交流,通过MCP去进行一些工作,这个工作流至少是没有问题的。

插件下载地址

链接: pan.baidu.com/s/1HMf5yP80... 提取码: xrds 复制这段内容后打开百度网盘手机App,操作更方便哦

论坛或者store搜索mcp,即可看到相关的文章

cocos-mcp架构特点

cocos-mcp支持开发者开发自己的mcp,接入到AI Clinent中使用。

后续会出教程:如何开发自己的第一个cocos mcp插件。

使用教程

跟着我一步一步配置这个工作流程吧。

第一步:配置支持MCP的AI Client

主流的有cursor、windsurf、vscode等,这里我使用的是vscode+cline的组合。

  1. 下载安装nodejs,并全局安装cocos-mcp

    npm i cocos-mcp -g

  2. 下载安装vscode

  3. 在vscode中安装cline插件

  4. 打开cline的mcp server配置

  5. 将如下配置粘贴到cline的mcp配置文件中

    json 复制代码
        {
            "mcpServers": {
                "cocos": {
                    "command": "cmd",
                    "args": [
                        "/c",
                        "cocos-mcp"
                    ]
                }
            }
        }
  6. 修改完毕后,cline会自动刷新mcp-server,正常情况下如图

    如果遇到一下报错,是因为本地端口5395被占用导致

    需要结束掉占用5395端口的进程即可

这一步的配置只需要配置一次即可,后续不会发生变化。

第二步:下载支持cocos-mcp的Creator插件

AI Cline配置完毕后,你会发现Tools为0

这是因为具体的Tools实现是在creator插件里面。

  1. 下载该插件,并安装到项目中,同时启用该插件,目前仅支持creator3x,只在creator3.8.1测试通过,其他版本未经过测试。
  1. 我们回到cline中,这里需要禁用再启用下cocos-mcp,才能看到Tools,因为cocos-mcp的tools是动态获取的,当你卸载了该插件,tools也会随之被卸载。这里仅仅是为了方便你看到cocos-mcp的具体tools,只要保证插件正常安装启用,就能够保证mcp正常调用到。

最后

至此,所有的cocos-mcp配置环境就完成了,这里深入聊一点,mcp的能力强弱,跟2个因素至关重要:

  1. AI的task推理拆解能力

    如果AI都不知道使用哪个MCP,就是MCP提供的Tools再强大,也无法发挥作用。

  2. MCP提供的Tools能力

    简单说就是一些具体功能的处理能力,比如创建Prefab,修改Prefab等,如果Tools提供的能力有限,同样也不能完成复杂的任务,所以我在设计cocos-mcp的时候,就考虑到了这一点,允许开发者自己编写cocos mcp插件,提供更多的Tools给cocos mcp调度。

通俗点就是:AI通过大模型,思考推理出来应该怎么做,然后再看下MCP提供的Tools,然后将每一步的工作内容交给Tools去完成,因为Tools是处理特定工作内容,比之前的通用大模型的运行结果更加准确,所以总体的使用体验会更佳。

cocos-mcp,让游戏开发更简单,期待更多的开发者提供更多的mcp插件。

相关推荐
这人是玩数学的1 分钟前
在 Cursor 中规范化生成 UI 稿实践
前端·ai编程·cursor
UncleKyrie2 分钟前
🎨 市面上主流 Figma to Code MCP 对比
前端
南半球与北海道#15 分钟前
前端引入vue-super-flow流程图插件
前端·vue.js·流程图
然我22 分钟前
React 16.8:不止 Hooks 那么简单,这才是真正的划时代更新 🚀
前端·react.js·前端框架
小高00735 分钟前
📈前端图片压缩实战:体积直降 80%,LCP 提升 2 倍
前端·javascript·面试
OEC小胖胖38 分钟前
【React Hooks】封装的艺术:如何编写高质量的 React 自-定义 Hooks
前端·react.js·前端框架·web
BillKu1 小时前
vue3+element-plus 输入框el-input设置背景颜色和字体颜色,样式效果等同于不可编辑的效果
前端·javascript·vue.js
惊悚的毛毛虫1 小时前
掘金免广告?不想看理财交流圈?不想看exp+8?
前端
springfe01011 小时前
vue3组件 - 大文件上传
前端·vue.js
再学一点就睡1 小时前
Vite 工作原理(简易版)—— 从代码看核心逻辑
前端·vite