美文网首页
Cocos Creator游戏开发基础入门

Cocos Creator游戏开发基础入门

作者: 游戏程序猿 | 来源:发表于2021-04-20 14:35 被阅读0次

    在Cocos Creator游戏开发中,有几个非常重要的基础知识大家必须掌握,就是场景、场景树、节点Node、组件Component。

    这里有个cocos creator学习交流小组点击可以直接加入,一起学习交流吧

    什么是场景和场景树

    一个游戏中可以有多个场景(例如登录场景、修改密码场景、游戏主场景等等),在游戏中通过代码逻辑来控制场景跳转。几乎所有的场景的根节点都是Canvas节点,Canvas节点上面可以挂载各种各样的组件,例如cc.Canvas组件,用于设计游戏的设计分辨率和适配策略。

    根节点下面又可以有多个子节点,子节点下面又可以挂载子节点,如上图所示,如此,构成的树形结构我们称之为场景树。每个节点上面都可以挂载各种各样的组件。

    cc.Node就是场景树中的节点对象。每个节点只要在场景里面,所以任何一个节点都是一个cc.Node。

    二、 cc.Node常用属性及方法

    1. 常用属性

    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 : 节点标签;

    2. 常用方法及操作

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

    然后调用addChild; 加一个子节点

    2:  removeFromParent/ removeAllChildren;

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

    4:  遍历节点的子节点;

    5:  setPosition/getPosition,

    6:  getChildByName/getChildByTag, getChildByIndex,

    7:  cc.find(): 方便,不通用, 资源消耗较大

    三、 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: 组件被允许的时候调用;

         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来访问这个组件实例说挂载的节点对象;

    相关文章

      网友评论

          本文标题:Cocos Creator游戏开发基础入门

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