美文网首页cocos creator 基础教程
#6cocos creator 节点 编辑器属性介绍

#6cocos creator 节点 编辑器属性介绍

作者: 93ef88b32dec | 来源:发表于2017-03-10 14:07 被阅读1333次

节点作为通用实体,具有通用的属性。

在空项目中,选中左侧的资源管理器的Canvas节点,就能够在右侧的属性检查器看到节点的部分属性。

cocos creator节点部分属性

为什么说是节点Node的部分属性,因为在编辑器暴露的属性,就说明这些属性在编辑器修改比在代码修改更加方面。实际上Node非常多的属性和方法。


首先左上角的勾选框表示节点的是否活动的属性。

节点的活动属性

在代码中以node.active的方式访问和修改

如果node.active为false

则:

1.这个节点的所有组件不再起作用(所以组件不再渲染,交互不再响应)

2.这个节点的所有子节点同1


在勾选框右侧是节点的名字,和层级管理器中显示的名字一致

节点的名字

在代码中以node.name的方式访问和修改


往下一列是节点的位置属性

节点的位置

在代码中以node.position的方式访问。

会得到一个cc.Vec2类型的对象,里面有x属性和y属性。

也可通过node.position.x或者node.position.y直接访问和修改对应数值属性。单位为像素

而如果要同时修改x和y则需要使用cc.Vec2(x,y)实例

比如:node.position = new cc.Vec2(100,200)

或者:node.position = new cc.v2(100,200)

注意坐标的原点是父节点的锚点。


往下一列是旋转角度属性

j节点的旋转角度

在代码中以node.rotation访问和修改,编辑器取值范围为-179~180度

注意旋转的零度为父节点的指向角度


往下一列是缩放属性

节点的缩放属性

在代码中以node.scale访问和修改,或者直接用node.scaleX和node.scaleY直接访问和修改单个属性

缩放会同时影响当前节点以及其所有子节点的宽高变形程度。


往下一列是锚点属性

节点的锚点属性

节点位置和旋转的基准点,取值范围为(0,0)到(1,1)。

在代码中以node.anchor访问和修改。


往下一列是尺寸属性

节点的尺寸属性

节点的内容尺寸,以像素为单位,对排版来说至关重要,修改size不会牵连子节点。

在代码中以node.width和node.height访问和修改。


往下一列是颜色属性

节点的颜色属性

会影响节点上渲染组件的颜色显示。

点击color后面的颜色槽会弹出取色器面板

color属性的取色器面板

在代码中以node.color访问

以cc.Color.RED枚举赋值

或new cc.Color(r,g,b,a)实例赋值

或 cc.hexToColor("#cccccc");实例赋值


在往下是不透明度属性

节点的透明度属性

不透明度会同时影响本节点和所以子节点

在代码中以node.opacity访问,取值为0~255


在往下是斜切属性

节点的斜切属性

我没用过,x和y的值好像是角度 -90到90度取值。


在往下是碰撞的分组 和碰撞组件有关

节点的碰撞分组

现在我用的是1.4版本,不知道1.5出的物理引擎组件会不会删掉这个。

节点的编辑器属性就这些。

相关文章

网友评论

本文标题:#6cocos creator 节点 编辑器属性介绍

本文链接:https://www.haomeiwen.com/subject/xkwngttx.html