cocos creator学习笔记


学习博主章鱼仔的相关笔记,以此备忘录。

欢迎使用 cocos creator 编辑器

cocos creator编辑器 是触控公司全资子公司雅基软件的最新H5引擎编辑器,有3D和2D版本,该引擎借鉴了U3D引擎重新编写了,使用java语言,目前还有很多地方不成熟和不完善,但是相对游戏包小,中文比较达意,支持微信等国内的快节奏平台,目前使用者正在上涨。

场景节点:树杈结构的Node

认识节点

cc.Node属性

属性名 功能
name 获取节点的名字
active 即该节点是否可见
position 节点相对坐标(相对于父节点)
rotation 旋转度,cocos以顺时针为正数
scale 缩放
anchor 锚点位置
Size 节点大小
Color 填涂颜色
Opacity 节点透明度
Skew 节点偏斜
Group 分组,节点的分组将关系到节点的碰撞组件可以与哪些碰撞组件相碰撞。
parent 父节点
children 父节点的所有子节点
childrenCount 子节点的数目
tag 节点标签

场景节点属性

cc.Component

cc.class{}是继承至cc.Component
因此每个组件的实例会相应地调用入口函数

入口函数 调用周期
onLoad 在组件加载的时候调用
start 组件第一次激活前调用
update 每次场景刷新时就会调用
lateUpdate 在update之后调用
enable 组件是否被启用
onEnable 组件在允许的时候调用
onDisable 组件在不被允许的时候调用

创建cc.class的实例对象

创建实例对象非常简单,只要将相应的组件脚本挂载到节点之中即可。cocos creator会自动new一个实例化对象,此时代码之中的this就是指当前组件实例,并且我们可以通过this.node 访问当前节点对象。

cc.Node的一些方法

方法 功能
addChild 添加子节点,并且可以修改该节点的 局部 Z 顺序和标签。
removeFromParent 从父节点上删除该节点
removeAllChild 移除节点所有的子节点
setLocalZorder 类似photo的图层覆盖关系,这个方法可以调整图层关系
setPosition 设置节点坐标(相对父节点)
getPosition 获取节点坐标(相对父节点)
getChildByName 通过名称获取节点的子节点。
getChildByTag 通过标签获取节点的子节点。
cc.find() 通过路径查找节点(当项目比较大型时比较吃资源)