美文网首页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