Test_Project_Cocos/DataBoardDemo
1
0
Fork 0
mirror of https://github.com/szrpf/DataBoardDemo.git synced 2025-11-03 12:55:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

v2.0

Browse Source
This commit is contained in:
szrpf
2023-05-24 13:28:09 +08:00
parent 4056e1a1f8
commit 4c81d3e9d0
240 changed files with 318 additions and 5134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
assets/Script/DataBoard.ts
View File

@@ -9,12 +9,10 @@
* 自定义参数： 节点自身属性，以及节点任意脚本中的属性
* 锚点： 锚点位置会显示一个小红点
* 自定义参数（配置想监控的数据）：
* wp： 世界坐标，即相对于屏幕左下角的坐标
* radian： 节点弧度，单位π
* wp： 世界坐标
* radian： 节点弧度（单位：π）
* matrix: 变换矩阵
* parent： 父节点
* children： 子节点
* 自身属性： scale,width,opacity等
* 自身属性： x,y,parent,children等
* 脚本属性： 脚本实例对象的属性
* ↓↓参数可以用3种分隔符隔开↓↓
* 英文逗号、英文冒号、空格
@@ -93,13 +91,13 @@ export default class DataBoard extends cc.Component {
private customComponentName: string = '';
@property
private _customLabelString: string = 'x,y';
@property({ multiline: true, displayName: CC_DEV && '······参数', tooltip: CC_DEV && "—————支持的参数————\nwp：世界坐标\nradian：角度（单位：π）\nmatrix：变换矩阵\nparent：父节点\nchildren：子节点\n自身属性：scale,width,opacity等\n脚本属性：脚本实例对象的属性\n↓↓参数可以用3种分隔符隔开↓↓\n英文逗号、英文冒号、空格\n————举个栗子————\n脚本：Hero\n参数：wp,scale,angle,#angle,#hp\n显示结果：\n世界坐标,节点scale,节点angle，Hero对象的angle,Hero对象的hp\n————温馨提示————\n初始化的时候，设置全局变量\nwindow['DATABOARD'] = false\n可屏蔽本项目所有DataBoard，不会产生任何额外开销", visible() { return this.isCustomLabelActive } })
@property({ multiline: true, displayName: CC_DEV && '······参数', tooltip: CC_DEV && "—————支持的参数————\nwp：世界坐标\nradian：节点弧度（单位：π）\nmatrix：变换矩阵\n自身属性：x,y,parent,children等\n脚本属性：脚本实例对象的属性\n↓↓参数可以用3种分隔符隔开↓↓\n英文逗号、英文冒号、空格\n————举个栗子————\n脚本：Hero\n参数：wp,scale,angle,#angle,#hp\n显示结果：\n世界坐标,节点scale,节点angle，Hero对象的angle,Hero对象的hp\n————温馨提示————\n初始化的时候，设置全局变量\nwindow['DATABOARD'] = false\n可屏蔽本项目所有DataBoard，不会产生任何额外开销", visible() { return this.isCustomLabelActive } })
private get customLabelString() { return this._customLabelString };
private set customLabelString(value: string) {
this._customLabelString = value;
this.customLabelStringSplit = value
.replace(/,/g, '_~_').replace(/:/g, '_!_').replace(/ /g, '_@_')
.replace(/(?<!_)\n/g, '_\n').replace(/\n(?!_)/g, '\n_').split('_');
.replace(/_*\n_*/g, '_\n_').split('_');
}
@property
private _customLabelOffset: cc.Vec2 = cc.v2(0, 100);
@@ -246,8 +244,8 @@ export default class DataBoard extends cc.Component {
let tmp = null;
switch (strs[i]) {
case 'wp':
let pos = this.node.convertToWorldSpaceAR(cc.v2(0, 0));
tmp = `(${pos.x.toFixed(this.customLabelDigit)},\t${pos.y.toFixed(this.customLabelDigit)})`;
let matrix = this.node['_worldMatrix'].m;
tmp = `${matrix[12].toFixed(this.customLabelDigit)},\t${matrix[13].toFixed(this.customLabelDigit)}`;
break;
case 'angle':
tmp = this.node.angle.toFixed(this.customLabelDigit) + '°';
@@ -256,50 +254,58 @@ export default class DataBoard extends cc.Component {
tmp = (this.node.angle / 180).toFixed(this.customLabelDigit) + 'π';
break;
case 'matrix':
let matrix = this.node['_worldMatrix'].m;
matrix = this.node['_worldMatrix'].m;
tmp = '';
for (let i = 0; i < 4; ++i) {
for (let j = 0; j < 4; ++j) {
let mm = matrix[j * 4 + i];
tmp += (mm < 0 ? '\t\t' : '\t\t\t') + mm.toFixed(this.customLabelDigit);
let m = matrix[j * 4 + i];
tmp += (m < 0 ? '\t\t' : '\t\t\t') + m.toFixed(this.customLabelDigit);
}
if (i !== 3) tmp += '\n';
i !== 3 && (tmp += '\n');
}
break;
case 'parent':
tmp = this.node.parent.name;
break;
case 'children':
tmp = '';
for (let i = 0, len = this.node.childrenCount; i < len; ++i) {
tmp += `\t\t\t${i}：${this.node.children[i].name}`;
if (i !== len - 1) tmp += '\n';
i !== len - 1 && (tmp += '\n');
}
break;
case '~': tmp = ',\t'; break;
case '!': tmp = ':\t'; break;
case '@': tmp = ' \t'; break;
case '@': tmp = '\t\t'; break;
default:
if (this.node[strs[i]] !== undefined) {
tmp = this.node[strs[i]];
} else if (strs[i].startsWith('#') && this.monitorComp !== null) {
tmp = this.monitorComp[strs[i].substring(1)];
tmp = this.parseString(strs[i].substring(1));
} else {
tmp = strs[i];
}
if (tmp && tmp.name) {
if (typeof tmp === 'number') {
tmp = tmp.toFixed(this.customLabelDigit);
} else if (tmp.name) {
tmp = tmp.name;
}
break;
}
if (typeof tmp === 'number') {
tmp = tmp.toFixed(this.customLabelDigit);
}
str += tmp;
}
this.customLabel.string = str;
}
private parseString(str: string) {
let strs = str.split('.');
let ret = this.monitorComp[strs[0]] || `#${strs[0]}`;
for (let i = 1, len = strs.length; i < len; ++i) {
if (ret[strs[i]] === undefined) {
return `${ret.name ? ret.name : ret}.${strs[i]}`;
}
ret = ret[strs[i]];
}
return ret;
}
protected onDestroy() {
if (cc.isValid(this.boardNode)) {
this.boardNode.removeFromParent();