开源一个轻量化的交互编辑器

很难想象已经在CocosCreator上折腾了六年,可惜并没有做出什么成功的游戏,或许是时候放下了。最近一个项目做了三年多,在此期间唯一能留下的就是这个编辑工具了,我决定开源这个工具,希望能帮助到各位开发者。

这个工具的灵感来源于当时使用Ai生成图片的工具ComfyUI,这种流程图的模式很适合编辑一些简单的逻辑,当时我们项目正在制作绘本,绘本里会有一些小交互,以及绘本会按照剧情播放spine动画,这些工作其实完全不需要写代码来完成,于是便开发了这个工具给策划使用。当然,也是适合做一些别的需求的游戏,这个是通用的。

最终编辑好的是Json文件,通过解析Json文件实现场景的加载,逻辑的执行,也算是一种变相的热更新。这样就可以实现微信小程序等不支持动态加载js的平台的热更新。

工作原理是,直接打包一个空白的Cocos项目,打包选择web版本,然后在vue项目中加载这个空白的场景,所有节点在浏览器中都可以操作cc对象,比如cc.director.getScene()获取当前的场景。

此工具就像一个非常轻量化的编辑器,也可以说是一个自定义的Cocos预览页面,直接在预览页面中实现了编辑场景的功能。

最后在Cocos项目中引入liteGraph,再做一些小小的适配,就可以实现动态加载编辑好的Json文件了。
由于今天比较晚了,只整理好了编辑器,配套的Cocos项目还没整理出来。等有时间了再更新。

项目地址
编辑器文档
视频教程

13赞

老哥,这6年都是用cocos自己做游戏吗?

顶一个123

收藏了学习

mark一下

mark,

cocosLiteGraph.zip (3.8 MB)
附上可以运行编辑好蓝图的cocos项目,注意一下加载资源的地址需要替换成自己的oss地址

另外这里有一个部署在git上的编辑器,如果不需要自定义功能或者二次开发或者需要体验的,可以直接使用此编辑器点击打开,在使用前只需要设置一下oss配置就行。

1赞

666这种要是做课件啥的。岂不是很稳当

是的,最开始学的是unity,后来因为微信小游戏刚出来比较火,就用cocos做了

也是可以的,有点像做PPT了,也可以实现一些简单的监听点击拖拽等交互,总之不需要写代码了,如果有复杂且通用的需求,就自定义一个节点来处理。

稳的。老哥

牛的 老哥

太强了!!

别的不说,老哥你这个UI做的真的好