cocoscreator 第二章 ccnode之场景树 (ccnode四大模块 1、场景树 2、事件响应 3、坐标空间转换 4、action的使用)

场景树

cc.Node属性

1:  name: 获取节点的名字

2: active: 设置节点的可见性;

3: position: 相对坐标,参照物是父亲节点;

4: rotation: 旋转,顺时针为正, 数学逆时针为正;

5: scale:  缩放;

6: anchor: 锚点, 左下角(0, 0), 右上角(1, 1) 可以超过这个范围可以

7: Size: 大小

8: Color: 环境颜色;

9: Opacity: 透明度,

10: Skew: 扭曲;

11: Group: 分组;

12: parent: 父亲节点的cc.Node;

13: children/childrenCount: 孩子节点的数组;

14: tag : 节点标签;

cc.Component

1:所有的组件都扩展自cc.Component(类, 构造函数);

2:每个cc.Component组件实例都有个成员node,指向它关联节点的cc.Node;

3: name: 每一个cc.Component组件通过name属性可以获得节点的名字;

4: 组件实例入口函数:      onLoad: 在组件加载的时候调用;  

                                        start: 组件第一次激活前, 调用在第一次update之前;  

                                        update(dt): 每次游戏刷新的时候调用,      

                                        lateUpdate(dt): 在update之后调用;  

                                        enabled:组件是否被启动;  

                                        onEnable: 组件被允许的时候调用;   ,则会在 onLoad 之后,start 之前被调用

                                        onDisable: 组件不被允许的时候调用;

代码组件

1:每个代码组件实例都继承自cc.Component(构造函数),所以有一个node数据成员指向cc.Node;

2: cc.Class({...}) 定义导出了一个新的类的构造函数,它继承自cc.Component;

3: 当为每个节点添加组件的时候,会实例化(new)这个组件类,生成一个组件实例;(js语法new)

4: 当组件加载运行的时候,代码函数里面的this指向这个组件的实例;

5: 代码组件在挂载的时候扩展自cc.Component, 里面有个成员node会指向节点(cc.Node);     所以在代码组件里面,可以使用this.node来访问这个组件实例说挂载的节点对象;

6: 代码里访问cc.Node总要属性;

cc.Node场景树相关方法

1: 代码中创建一个节点new cc.Node();

1:  addChild; 加一个子节点

2: removeFromParent/ removeAllChildren;

3:  setLocalZOrder/ 绘制顺序, 在下面的会绘制在屏幕的上面;

4: 遍历节点的子节点;

5: setPosition/getPosition,

6: getChildByName/getChildByTag, getChildByIndex,

7: cc.find(): 方便,不通用, 消耗

console.log("yes we have:", this.node.childrenCount,"chilren");

// 添加
/*var new_node = new cc.Node();
this.node.addChild(new_node);
new_node.removeFromParent();
this.node.removeAllChildren();*/
// end 

// 查找,局部查找
var item = this.node.getChildByName("item1");
console.log("^^^^^^^", item.name);
// end 

// 全局, 时间消耗,对于编写通过用的模块
item = cc.find("Canvas/parent/item1");
console.log("#######", item.name);
// end 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值