CocosCreator之节点基本属性

>>>>>

笔者总结了工作中常用的节点属性

如果你是新人，请尽可能多的记住他们，因为经常会用到。

// 从全局获取节点：全局获取的节点直接就是实例，不需要getChildByName
// 尽量通过属性装饰器@property获取节点，代码运行效率会更快。
// cc.find不安全，移动或变更节点名字时，忘记改代码会报错，代码可能要改很多。麻烦。
this.node = cc.find("Canvas/Menu");

this.node.children;//节点的子节点，是个数组
this.node.childrenCount;//子节点数量
this.node.active = false;//隐藏节点
this.node.name = "NewNode";//设置节点的名字
this.node.tag = 1001;//设置节点的标签
this.node.x = 100;//设置节点x轴坐标// 3.x版本弃用 请用 setPosition
this.node.y = 100;//设置节点y轴坐标// 3.x版本弃用 请用 setPosition
this.node.position = cc.v2(0, 0);//设置节点坐标// 未指定新指针 风险大
this.node.setPosition(0,0);
this.node.scaleX = 2;//设置节点x轴缩放比例// 3.x版本弃用
this.node.scaleY = 2;//设置节点y轴缩放比例// 3.x版本弃用
this.node.scale = 2;//设置节点缩放比例// 3.x版本弃用 请用setScale
this.node.rotation = 45;//设置节点的旋转角度//新版弃用，请使用angle
this.node.width = 200;//设置节点宽度
this.node.height = 50;//设置节点高度
this.node.setContentSize(100, 100);//设置节点宽和高
this.node.color = new cc.color(100,100,100,255);//设置节点颜色（R,G,B,透明度）
this.node.color = cc.color('#787878');// ts版本颜色代码需要写成 cc.color('#787878'as any)
this.node.opacity = 128;//设置节点透明度（0~255）
this.node.anchorX = 1;//设置节点x轴锚点位置
this.node.anchorY = 0;//设置节点y轴锚点位置
this.node.setAnchorPoint(1, 0);//更改节点锚点位置
this.node.font;//字体文件
this.node.zIndex = 0;//设置此节点的Z轴深度，就是层级关系。默认0

其他常用api

// 实例化节点：
cc.instantiate(node)
// 节点是否被销毁，常用于判断节点是否执行过node.destroy();
cc.isValid(node)

// 坐标系转换
// 把node的节点坐标转到世界坐标
const world_pos = node.parent.convertToWorldSpaceAR(node.getPosition());
// 把这个世界坐标转换到node2自己的节点坐标系，那么node2就能使用node_pos了
const node_pos = node2.parent.convertToNodeSpaceAR(world_pos);

//如何判断对象是一个节点：
if(node instanceof cc.Node ) return true

目录：CocosCreator经典笔记_神兽白泽-CSDN博客

笔者qq、微信：1302109196

qq群：415468592

>>>>>