分享个没啥用的图片引用搜索插件【全ai写的】

项目中有一个以前的图,就是一个纯白的像素点。以前不知道cocos默认打包会有一个,自己就手动加了这么一个,然后今天想将这个手动加的换成cocos默认带的default_sprite_splash。
image

遇到一个难点,虽然图都是自己加的,但好久前了,而且都是纯色块,不像别的图片,active全打开,然后肉眼肯定能找到。
所以这个当我按照普通的方法,右键图片->查找uuid的使用,然后去预制体里面找引用,当我一遍遍的翻预制体的时候,感觉好麻烦。
想起来以前在论坛见过有大佬写的插件,可以快速搜索图片的引用等很多好用的功能集成到了一个cocos插件上面,但自己光点赞,没来得及上手实验,所以就想不起来去哪里找了。
我觉得这个功能应该很简单,那就尝试ai编程来解决一下我这个需求。

一开始用gpt网页对话,现在gpt网页对话蛮稳定的,就先试试这个。
经过两轮gpt的指导,成功在cocos拓展栏显示了一个新的插件名称,点开也能够显示一个小面板,但控制台有报错,尝试修改报错,改了两次,这时候gpt开始产生幻觉,各种猜测bug产生的原因。毕竟用的免费的gpt,还因为今天用的多,模型都降低了,我计划不用gpt了(而且你给ai一个代码,问他bug在哪里,他高低给你找个bug出来,这种幻觉可能让人原地打转)。

接着在gpt的基础上,将扩展文件夹拖给cursor,让cursor继续尝试。(cursor我买了两个月的,上周已经不续费了,第一个月就发现tab挺好用,skill用的场景不多,140一个月,第一个月就觉得亏了,第二个月买了,是因为5.1放假忘记取消订阅了)

cursor第一轮修改,面板明显就好看了,然后代码量增多了很多,我是个拼UI的,这cocos的扩展完全没学过,甚至都不太会用,看cursor改了这么多代码,果然专业改项目级代码的ai是厉害。
重启cocos,打开扩展,运行,报错了,复制报错给cursor,又是一阵等待,又是改了很多代码,然后再运行,就实现了想要的效果。

其实看一下ai写的代码,也是入门cocos扩展开发的很好方法。


核心文件应该是package.json,定义了插件显示的名称,点击插件后发送的message,然后监听到某个message后调用的函数,“main”指定了打开的页面路径。
index.html就是页面,里面用html5写了一个面板的框架。
其余的js就是一些运行在nodejs环境上的代码,通过export出去,然后结合message与index.html进行绑定实现监听调用。
最终效果图如下:

可以看到确实实现了TestPageB/Background/List2/smallPicture这样的在预制体内的路径输出,而不仅仅是哪个预制体有用到。

这样就是用gpt和cursor的免费额度实现的一个cocos插件。
其实有一点自娱自乐性质,因为大多数图片,打开active和透明度,肉眼在预制体里面找到点一下就出来路径了,不用这么麻烦。而且开发插件还有很多特殊的时间监听处理啊,这个只是用ai做简单的需求,大家需要插件的话,还是建议用论坛中大佬开发的插件,质量有保障。
下面压缩包里面是插件的压缩包,解压后放到项目路径下,新建extensions文件,放入,重启cocos,在上方拓展中会显示这个插件。(3.8.5版本的cocos用,2.4版本应该不行)
find-sprite-reference.zip (9.4 KB)
下面是一个安装好的,可以直接打开进行测试的cocos项目压缩包。
convertToWorldSpaceARBugDemo.zip (47.5 KB)
我是对扩展完全不了解,文中的关于编写扩展的技术,都是自己根据过往经验猜的,说错的地方欢迎指正。

1赞

你说的哪个插件是不是我写的这个 seek-pro
seek-pro :laughing:

不想花钱又想用AI。我给你推荐opencode,里边一堆免费的模型先用着再说。你的这个插件,用opencode里的免费模型真的可以直接写出来的