potato47 / ccc-devtools Goto Github PK

View Code? Open in Web Editor NEW

956.0 956.0 298.0 10.51 MB

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

License: MIT License

HTML 0.72% JavaScript 4.43% EJS 13.64% Vue 53.79% TypeScript 27.43%

cocos-creator

ccc-devtools's Introduction

ccc-devtools's People

Contributors

Stargazers

Watchers

Forkers

848539802 ihc523 zhangjianmin95 lovekankan xjn9854262 feijing566 296230428 alreadytaken0 xiangry banshaotang jokerleon zuchuanzhang jigelang ioxbruin xzz-shatter zhangylz fangyiliu holazhou gifan kingkamg lylaiety greatbarebear wuyhbzh shkq simon129 xmklong coderpudge junlas muliao z503722728 foryun1009 kefeibuhuifei cjleo fanchengzui163 wzpan hweiwei mr-l-2015 jihenry ailhc wanhao123 littlezzuni lihuilai yutou527 bitaminkim davidhhyq 464033679 reason211 luogizz gamesticksr keyzf llihom node-cocos tedao legendaryzealot linlin19901116 onvia backupforks qq545509938 yuluos ca39-quincy jimmmmmmmmmyfunnnnnnny noxvsh wuqd666 robotpin siwei0001 jkcnl001 aileen25 super626 l0velyr1ver zlkcode taotluo mastart xianjiecan zyt520ham velo-yc xiaoman122 1577911262 chongchaoyu hack2003456 raykid bsn069 daijialin sidneyzhou sudq keien411 nimohe bin-zhao riluo429 jayjayo umbrella1024 mengxianlei cgw0827 dailycode365 mryahong linsibin godxkey chenyiwen5408 hardy-j tptwangw songhongliang

ccc-devtools's Issues

2.0.9 版本的Creator 安装后报如下错误

Error: E:\devSoftWare\Creator209\CocosCreator\resources\static\preview-templates\index.jade:38
36| div#recompiling
37| span Recompiling scripts, please wait for refresh...

38| include ./ccc-devtools/index.html
39| script(type='text/javascript' charset='utf-8' src='settings.js')
40| script(type='text/javascript' charset='utf-8' src='app/editor/static/preview-templates/modular.js')
41| script(type='text/javascript' charset='utf-8' src='app/editor/static/preview-templates/boot.js')

Invalid indentation, you can use tabs or spaces but not both
at Lexer.indent (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\lexer.js:790:15)
at Lexer.next (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\lexer.js:941:15)
at Lexer.lookahead (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\lexer.js:113:46)
at Parser.lookahead (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\parser.js:102:23)
at Parser.peek (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\parser.js:79:17)
at Parser.tag (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\parser.js:832:30)
at Parser.parseTag (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\parser.js:759:17)
at Parser.parseExpr (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\parser.js:211:21)
at Parser.block (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\parser.js:729:25)
at Parser.tag (E:\devSoftWare\Creator209\CocosCreator\resources\app.asar\node_modules\jade\lib\parser.js:838:24)

游戏通过浏览器打开过一段时间后页签无法关闭，也无法再预览

能否在cocos 驱动浏览器刷新之后保持打开的节点状态

能否在cocos 驱动浏览器刷新之后保持打开的节点状态？

这个很实用，经常是一刷，就要一层一层的打开目录树

什么时候添加查看缓存资源啊？就以前版本带的那个功能，挺好用

安装启动失败,win10

部署问题，我按照要求部署工程出现下面截图

3.6.2 Google 浏览器调试报错

Error: UI element #view-select doesn't exist.

啥时候支持下3.6，貌似报错了

Error: UI element #error .error-stack doesn't exist.
at e._queryChecked (http://localhost:7456/preview-app/ui.js:1:7508)
at new e (http://localhost:7456/preview-app/ui.js:1:1250)
at http://localhost:7456/preview-app/index.js:1:2404
at http://localhost:7456/preview-app/index.js:1:1380
at Object.next (http://localhost:7456/preview-app/index.js:1:1485)
at c (http://localhost:7456/preview-app/index.js:1:202) {stack: 'Error: UI element #error .error-stack doesn't…://localhost:7456/preview-app/index.js:1:202)', message: 'UI element #error .error-stack doesn't exist.'}

问题描述

点击查看纹理缓存按钮之后报错

vue.min.js:6 TypeError: Cannot read property 'name' of undefined
at Object.cc.cache (cc-console-utils.js:137)
at wn.openCacheDialog (preview.js:152)
at He (vue.min.js:6)
at HTMLButtonElement.n (vue.min.js:6)
at HTMLButtonElement.Yr.o._wrapper (vue.min.js:6)

原因

cocosCreator2.4.2 缓存的数据结构变动导致获取数据报错。

举例

比如下面是在版本2.4.2，获取的单个纹理的数据结构：

item: cc_EffectAsset
    isValid: true
    loaded: true
    name: "builtin-2d-graphics"
    nativeUrl: ""
    properties: null
    refCount: 2
    shaders: [{…}]
    techniques: [{…}]
    __asyncLoadAssets__: undefined
    __depends__: undefined
    _effect: Effect {_dirty: true, _name: "builtin-2d-graphics", _technique: Technique, _techniques: Array(1), _asset: cc_EffectAsset}
    _name: "builtin-2d-graphics"
    _native: ""
    _nativeAsset: undefined
    _nativeDep: undefined
    _nativeUrl: ""
    _objFlags: 0
    _ref: 2
    url: ""
    _uuid: "30682f87-9f0d-4f17-8a44-72863791461b"
    __proto__: cc_Asset

ccc-devtools/libs/js/cc-console-utils.js

Lines 119 to 151 in 6bf3876

 cc.cache = function () { 

 let rawCacheData = cc.loader._cache; 

 let cacheData = []; 

 let totalTextureSize = 0; 

 for (let k in rawCacheData) { 

 let item = rawCacheData[k]; 

 if (item.type !== 'js' && item.type !== 'json') { 

 let itemName = '_'; 

 let preview = ''; 

 let content = (item.content && item.content.__classname__) ? item.content.__classname__ : item.type; 

 let formatSize = -1; 

 if (item.type === 'png' || item.type === 'jpg') { 

 let texture = rawCacheData[k.replace('.' + item.type, '.json')]; 

 if (texture && texture._owner && texture._owner._name) { 

 itemName = texture._owner._name; 

 preview = texture.content.url; 

 } 

 } else { 

 if (item.content.name && item.content.name.length > 0) { 

 itemName = item.content.name; 

 } else if (item._owner) { 

 itemName = (item._owner && item._owner.name) || '_'; 

 } 

 if (content === 'cc.Texture2D') { 

 let texture = item.content; 

 preview = texture.url; 

 let textureSize = texture.width * texture.height * ((texture._native === '.jpg' ? 3 : 4) / 1024 / 1024); 

 totalTextureSize += textureSize; 

 // sizeStr = textureSize.toFixed(3) + 'M'; 

 formatSize = Math.round(textureSize * 1000) / 1000; 

 } else if (content === 'cc.SpriteFrame') { 

 preview = item.content._texture.url; 

 }

cc-console-utils.js 中的cach方法中获取的item对象：

content 节点
type 节点
通通都都不见了 😂

测试附件📎

说明：附件是2.4.2编辑器自带的 helloworld-typescript项目
test-ccc-devtools.zip

✅ 解决方法

在这段代码后添加: if(!item.content) item.content=item;

ccc-devtools/libs/js/cc-console-utils.js

Line 124 in 6bf3876

let item = rawCacheData[k];

方法来自论坛回复

API 升级建议

ccc-devtools/libs/js/cc-console-utils.js

Line 120 in 6bf3876

let rawCacheData = cc.loader._cache;

官方文档 v2.4 资源管理模块升级指南

// 由于v2.4资源管理模块，所以获取缓存的代码，可替换成cc.assetManager来获取。

let rawCacheData = cc.assetManager.assets._map;

	cc.cache = function () {
	let rawCacheData = cc.loader._cache;
	let cacheData = [];
	let totalTextureSize = 0;
	for (let k in rawCacheData) {
	let item = rawCacheData[k];
	if (item.type !== 'js' && item.type !== 'json') {
	let itemName = '_';
	let preview = '';
	let content = (item.content && item.content.__classname__) ? item.content.__classname__ : item.type;
	let formatSize = -1;
	if (item.type === 'png' \|\| item.type === 'jpg') {
	let texture = rawCacheData[k.replace('.' + item.type, '.json')];
	if (texture && texture._owner && texture._owner._name) {
	itemName = texture._owner._name;
	preview = texture.content.url;
	}
	} else {
	if (item.content.name && item.content.name.length > 0) {
	itemName = item.content.name;
	} else if (item._owner) {
	itemName = (item._owner && item._owner.name) \|\| '_';
	}
	if (content === 'cc.Texture2D') {
	let texture = item.content;
	preview = texture.url;
	let textureSize = texture.width * texture.height * ((texture._native === '.jpg' ? 3 : 4) / 1024 / 1024);
	totalTextureSize += textureSize;
	// sizeStr = textureSize.toFixed(3) + 'M';
	formatSize = Math.round(textureSize * 1000) / 1000;
	} else if (content === 'cc.SpriteFrame') {
	preview = item.content._texture.url;
	}

potato47 / ccc-devtools Goto Github PK

ccc-devtools's Introduction

ccc-devtools's People

Contributors

Stargazers

Watchers

Forkers

ccc-devtools's Issues

问题描述

原因

举例

测试附件📎

✅ 解决方法

API 升级建议

Recommend Projects

Recommend Topics

Recommend Org