对于cc.Node我分了四个模块学习: 1.场景树,2.事件响应,3.坐标系统,4.Action的使用:在此记录经验分享给大家. 场景树 1: creator是由一个一个的游戏场景组成,通过代码逻辑来控制场景跳转:2: creator场景是一个树形结构:3: 父节点, 子节点:4: cc.Node就是场景树中的节点对象: 5: 每个节点只要在场景里面,所以任何一个节点都是一个cc.Node: cc.Node属性 1: name: 获取节点的名字: 2: active: 设置节点的可见性: 3:…

场景树概念(Scene Graph) 场景树是Cocos2d-JS中用来管理场景中所有元素的一个数据结构,场景树之所以被称为一棵树是因为它将一个场景的所有子结点以树状图的形式组织在一起. Cocos2d-JS中场景的渲染是通过遍历场景树来做到的,对于每一个节点node,遍历的顺序如下: 遍历node左边的所有子结点 访问node节点 遍历node右边的所有子结点 最先遍历到的节点会被显示在场景的最下层,而最后遍历的节点会被显示在场景的最上层.用一张图来展示这个过程再清晰不过了: 另一点需要注意的…

1.简介 节点(cc.Node)是渲染的必要组成部分.所有需要在游戏场景中显示的内容都必须是节点或者依附于节点之上.节点负责控制显示内容的位置.大小.旋转.缩放.颜色等信息. 2.节点属性 1: name: 获取节点的名字 2: active: 设置节点的可见性; 3: position: 相对坐标,参照物是父亲节点; 4: rotation: 旋转,顺时针为正, 数学逆时针为正; 5: scale: 缩放; 6: anchor: 锚点, 左下角(0, 0), 右上角(1, 1) 可以超过这个范…

1.场景树 Cocos Creator是由一个一个的游戏场景组成,场景是一个树形结构,场景由 有各种层级关系的节点(下一节有具有介绍)组成: 如创建一个HelloWorld的默认项目NewProject中,并在其中创建了一个UI渲染节点-Button,更改名为newBtn: 具体HelloWorld场景的场景树表现为下图所示 2.节点 2.1.1 创建节点----在层级管理器窗口中鼠标单击右键即可创建节点,或者按如下图进行点击创建节点按钮 单击鼠标右键后会显示三项: a)创建空节点:点击即可创建…

触摸事件1: 触摸事件类型: START, MOVED, ENDED(物体内), CANCEL(物体外);2: 监听触摸事件: node.on(类型, callback, target(回掉函数的this), [useCapture]);3: 关闭触摸事件: node.off(类型, callback, target(回掉函数的this), [useCapture]);4: targetOff (target): 移除所有的注册事件;5: 回掉函数的参数设置 function(t(cc.Touc…

1.创建二维的向量坐标 //创建向量坐标方法一 let new_pos1 = new cc.Vec2(100, 100); //创建向量坐标方法二 let new_pos2 = cc.v2(200, 200); console.log(new_pos1, new_pos2); //输出 Vec2 {x: 100, y: 100} Vec2 {x: 200, y: 200} //求向量之间的减法 let new_dir = new_pos2.sub(new_pos1); console.log(n…

触摸事件 1.触摸事件的类型:START触摸启动,MOVED移动,ENDED弹起来,CANCEL取消; ENDED和CANCEL区别是ENDED物体内弹起来,CANCEL是在物体外范围弹起. 2.监听触摸事件,node.on(类型,callback,target(回调函数的this),[useCapture]) 3.触摸事件,node.on(类型,callback,target(回调函数的this),[useCapture])       //(1)监听触摸事件 向引擎底层注册回调函数     …

cc.Vec21: cc.Vec2 二维向量坐标, 表结构{x: 120, y: 120}; cc.v2(x, y) 创建一个二维向量 cc.p() 创建一个二外向量;2: cc.pSub: 向量相减;3: cc.pAdd: 向量相加;4: cc.pLength: 向量长度; cc.Size/cc.Rect1: cc.Size: 包含宽度和高度信息的对象 {width: 100, height: 100};2: new cc.Size(w, h), cc.size(w, h)创建一个 大小对象;…

1: Action类是动作命令,我们创建Action,然后节点运行action就能够执行Action的动作; 2: Action分为两类: (1) 瞬时就完成的ActionInstant, (2) 要一段时间后才能完成ActionIntervial; 3: cc.Node runAction: 节点运行action; 4: cc.moveTo, cc.moveBy To: 目标 By: 变化; 5: cc.roateBy, cc.rotateTo; 6: cc.scaleBy, cc.scale…

B. Beggin' For A Node time limit per test2.0 s memory limit per test256 MB inputstandard input outputstandard output This is an interactive problem Low_ has a beautiful tree, which he keeps very carefully. A tree is a tree, but mathematically, it cou…