Giter VIP home page Giter VIP logo

ccc-devtools's Introduction

ccc-devtools v2.3.2

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

预览

v1.0.0 preview

v1.1.0: 拖拽节点,增加开关

t5

v1.2.0: 控制台输出节点信息

t6

v2.0.0: 节点信息自动同步,避免手动刷新。增加组件信息显示。增加内存、FPS、渲染时间显示。更新提醒。

preview2

v2.1.0: 区分手动刷新和自动刷新两种模式,手动刷新时支持搜索和拖拽节点;添加圈出节点位置功能;添加控制台节点树,cc.tree();

preview3

v2.2.0: 新增黑色主题(感谢@wheatup ) dark-theme

v2.3.0: 添加缓存资源查看面板;简化调试信息显示,新增纹理内存挂件。 cache

使用

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

    t1

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

    t2

  3. 打开index.jade,找到body里最后一个div,在下面添加include ./ccc-devtools/index.html注意用tab键与上面的div对齐

    t3

已知问题

  • 当升级 Cococs Creator 时会清空resources目录,需要重新下载配置,如自定义了一些配置,请做好备份。
  • 开启节点树会增加渲染消耗,非调试阶段请关闭。

需求、更新

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

如果没有更改源码,可直接在目录下 git pull

论坛讨论地址:https://forum.cocos.com/t/creator-20190201/71578

贡献指南

  • 版本号命名规则 https://semver.org/lang/zh-CN/ ,简单来讲,新功能第二位加一,修复bug第三位加一
  • 如果新增功能请在README中添加预览截图说明
  • 记得更新version.json中的版本号

本项目依赖以下开源项目

https://github.com/vuejs/vue

https://github.com/ElemeFE/element

https://github.com/iview/iview

https://github.com/FE-Driver/vue-beauty

https://github.com/mrdoob/stats.js

ccc-devtools's People

Contributors

lihuilai avatar potato47 avatar wheatup avatar z503722728 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.