【运行时显示节点树插件】ccc-devtools悄悄更新

由于官方更新版本实在太快,上一个版本 【私货分享】改造 Creator 预览网页,显示实时场景树、节点信息 20190201更新 在 Cocos Creator 2.2 以上无法正常使用,最近找时间重写了一下,改动如下:

  • 使用 vuetify UI库重构页面,默认黑色主题
  • 节点树定时刷新,减少渲染消耗(之前是双向数据绑定)
  • 支持项目内使用
  • 去掉多余功能

ccc-devtools v3.0.0

Cocos Creator 网页调试工具,运行时查看、修改节点树,实时更新节点属性,可视化缓存资源。

功能

  • 场景节点树实时显示,节点、组件属性实时显示更改

  • 可视化缓存资源

  • 标记场景中节点位置

  • 输出节点、组件引用到控制台

  • cc控制台功能扩展

全局使用

  1. 点击 Creator 右上角进入编辑器 resources 目录,再依次进入static/preview-templates目录

  1. 将本项目clone到上面的目录下,如果使用下载压缩包的方式记得把后缀名-master去掉

  1. 打开 index.jade,找到 body 将中间部分替换为 include ./ccc-devtools/index.html注意用tab键对齐

项目使用

Cocos Creator 从 v2.2 开始新增了自定义网页预览功能。

  1. 重复上面的操作步骤,将修改后的 preview-templates 目录拷贝到项目根目录

  2. ccc-devtools/index.html 里所有引用的资源路径 app/editor/static/preview-templates/ccc-devtools/... 替换为 ccc-devtools/...

  3. 重启 Cocos Creator

源码

https://github.com/potato47/ccc-devtools

81赞

终于更新了,幸苦,感谢

1赞

大佬牛逼! 提个建议旧版的取色器能自己写颜色代码 新版好像不支持了?这个功能挺好用的 希望新版也能支持

ohhhhhhhhhhhhhhhhhhhhhhhhhhhhhh.jpg。
有新版本了,之前有个面板卡死的bug好难受,不知道现在修复了么。

1赞

新版流畅了不少(自我感觉),可以体验下

1赞

好的,已更新


2赞

mmmmmmark

这个使用方式,感觉很棒,希望官方跟进

本该官方做的事情,一拖再拖,一旦说起这个问题就举例说别人已经做好了插件。

mark~先前电脑太挫了,没办法体验,这次试一下

赞 

确实要批评一下官方哈

mark…

好东西,赞:+1:

大佬 creator3d可以用么

前排膜拜大佬

想问下 可以在预览的地方拖动节点层级吗?

直接拖不支持,但可以在config.js里加一行 { name: 'ZIndex', key: 'zIndex', type: 'number' },可以改同级节点的zIndex

谢谢可以了

想问下,上边的游戏界面会被挡住一部分?怎么才能不挡住 2.3.1