组件入口函数
1: onLoad: 组件加载的时候调用, 保证了你可以获取到场景中的其他节点,以及节点关联的资源数据;
2: start: 也就是第一次执行 update 之前触发;
3: update(dt):组件每次刷新的时候调用,距离上一次刷新的时间(会在所有画面更新前执行);
4: lateUpdate(dt) 刷新完后调用(会在所有画面更新后执行);
5: onEnable: 启用这个组件的时候调用;
6: onDisable: 禁用这个组件的时候调用;
7: onDestroy: 组件实例销毁的时候调用;

cc.Component属性
1: 组件类: 所有组件的基类;
2: node: 指向这个组件实例所挂载的这个节点(cc.Node);
3: name: 这个组件实例所挂载的节点的名字<组件的名字>;
4: properties: {} 属性列表;
(1) name: value, 数,bool, 字符串;
(2) 位置,颜色, 大小: cc.p(0, 0), cc.color(0, 0), cc.size(100, 100)
(3) 组件: {
type: 组件类型, 系统类型,也可以require自己编写的组件类型
default: null or []
}
(4)其他: 打开cocos creator源码,找到参考,然后移动到你的代码里面;

组件添加查找删除
1: addComponent(组件的类型): 向节点上添加一个组件实例, 返回添加好的组件实例;
2: getComponent(组件类型): 查找一个为指定类型的组件实例(如果有多个,第一个匹配);
3: getComponents(组件类型): 查找这个节点上所有这个类型的组件实例;
[inst1, inst2, inst3, ...]
4: getComponentInChildren(组件类型): 在自己与孩子节点里面查找;
5: getComponentsInChildren (组件类型): 在自己与孩子节点里面查找;
6: destroy(): 从节点中删除这个组件的实例;

Shedule定时器操作
1: sheduleOnce(函数, time): time秒后启动一次定时器;
2: schedule(函数, time, 次数, 多长时间后开始); 执行的次数为(次数 + 1), cc.macro.REPEAT_FOREVER;
3: unschedule(函数); // 取消这个定时器操作;
5: unscheduleAllCallbacks 取消所有的定时器操作;
注意,如果节点或组件没有激活是不会调用的;

    properties: {

        // 基本数据类型, 数,bool, 字符串, color, pos, size
speed: 100,
is_debug: false,
url_str: "",
color: cc.color(0, 0, 0, 255),
pos: cc.p(0, 0),
size: cc.size(100, 100),
// end // 系统的组件, cc.Sprite, cc.Button, cc.Label, ..
sprite_item: {
type: cc.Sprite,
default: null, // null/[]
}, sprite_array: {
type: cc.Sprite,
default: [],
},
// end // 组件的代码组件
custom_comp: {
type: my_item,
default: null, // null /[]
},
// end
},
// end // use this for initialization
// 组件在加载的时候运行
// 你可以在onLoad里面访问场景的节点和数据,这个时候场景的节点和数据都已经准备好了
// 不会发生在调用onLoad的时候,还会出现场景节点没有出来的情况
onLoad: function() {
console.log("onLoad");
// this:指的是当前的组件实例
// this.node --> cc.Node, 这个组件所挂的节点对象
// 组件实例找对应的节点 组件.node来获取;
console.log('this.node:', this.node);
// Canvas<game_scene> Canvas
console.log('name:%s,node.name:', this.name, this.node.name); // 组件实例所挂载的节点的名称<组件名称>, 节点.name 直接为名称;
}, // 组件在第一次update调用之前调用
start: function() {
console.log("start");
// 添加组件,系统组件cc.Sprite, cc.Label等, "组件代码的名字"
// 返回,返回挂上的组件实例
var com_inst = this.addComponent("my_item");
console.log('自定义组件:', com_inst.name);
com_inst = this.node.addComponent("my_item"); // 查找组件实例
com_inst = this.node.getComponent("my_item");
com_inst = this.getComponent("my_item"); // 返回的是第一个找到的组件
var com_array = this.getComponents("my_item"); // 返回的是组件数组[实例1,实例2, 实例3]
console.log(com_inst, com_array); // 删除组件
this.destroy(); // 删除当前的组件实例,触发onDisable, onDestroy的调用
// end // 启动定时器, 节点或组件必须是激活状态, 例如被隐藏的节点,都是无法启动定时器的;
// 这里只会触发一次调用
this.scheduleOnce(function() {
console.log("scheduleOnce called");
}.bind(this),
5); // schedule(函数, 多长时间掉一次, 次数(永远), 隔多少秒以后开始执行shedule)
// 5秒钟以后,每隔1秒,我们调用6 + 1次函数(重复6次);
this.schedule(function() {
console.log("schedule called");
}.bind(this),1,6,5); // 次数 6 + 1 = 7;
// end this.schedule(function() {
console.log("schedule forerver called");
}.bind(this),
1,
cc.macro.REPEAT_FOREVER,
5); //5秒之后执行;每秒1次;  cc.macro.REPEAT_FOREVER 永远 // 取消所有的shedule
this.scheduleOnce(function() {
console.log("cancel all schedules");
this.unscheduleAllCallbacks();
}.bind(this),
30); // 只取消一个, unschedule(函数对象)
var callback = function() {
console.log("======================");
}.bind(this);
this.schedule(callback, 0.5); // 默认值为永远执行,马上开始 this.scheduleOnce(function() {
// 取消了一个定时器
this.unschedule(callback);
}.bind(this),5);
}, // called every frame, uncomment this function to activate update callback
// 每次游戏刷新的时候调用, dt距离闪一次刷新的时间
update: function(dt) {
console.log("update called", dt);
}, // 不是特别常用
lateUpdate: function(dt) {
console.log("lateUpdate",dt);
}, // 组件被激活的时候调用
onEnable: function() {
console.log("onEnable");
}, // 组件被禁用的时候调用
onDisable: function() {
console.log("onDisable");
}, // 组件实例销毁的时候调用
onDestroy: function() {
console.log("onDestroy");
},

cc.Component的更多相关文章

  1. <8>Cocos Creator组件开发cc.Component

    1.组件简介 组件是Cocos Creator的主要构成,渲染(场景显示内容).逻辑.用户输入反馈.计时器等等几个方面都是由组件完成的.根据Cocos Creator的总体架构,组件和节点配合完成游戏 ...

  2. cc.Component 的使用

    1.组件入口函数,常有的:onLoad,start,update //组件在加载的时候运行,并且场景的初始化工作已经完成 onLoad() { }, //组件在第一次update调用之前调用 star ...

  3. cc.Lable组件,RichText组件,AudioSouce组件的使用

    一.cc.Lable组件的使用 1.创建Label的方法 a.通过菜单直接创建Label组件:b.先创建节点,然后在节点上绑定Label组件即可. 2.Label 面板上的属性 String => ...

  4. Cocos Creator cc.Button (脚本事件内容)

    cc.Class({extends: cc.Component,properties: {}, onLoad: function () { var clickEventHandler = new cc ...

  5. Cocos Creator cc.Event点击触摸事件详解

    cc.Event事件请不要直接创建 cc.Event 对象,因为它是一个抽象类,请创建 cc.Event.EventCustom 对象来进行派发. cc.Class({extends: cc.Comp ...

  6. cc.Button

    cc.Button 1:添加按钮的方法 (1)直接创建带Button组件的节点; (2)先创建节点,再添加组件;2:按钮组件, 按钮是游戏中最常用的组件, 点击然后响应事件;3: 按钮的过渡效果:  ...

  7. cc.Node—场景树

    对于cc.Node我分了四个模块学习: 1.场景树,2.事件响应,3.坐标系统,4.Action的使用:在此记录经验分享给大家. 场景树 1: creator是由一个一个的游戏场景组成,通过代码逻辑来 ...

  8. cocos学习笔记:快速上手

    cc.Class({ //奇怪的语法风格,cc.class, extends: cc.Component, //扩展自cc.Component properties: { //类的属性设置 jumpH ...

  9. ccc 多点触控2

    经过不断的思考发现,如果是两个sprite都添加触控的时候,往往直接成单点触控, 但是如果是两个node的时候在node上面点击就会变成多点触控的形式 cc.Class({ extends: cc.C ...

随机推荐

  1. React 从入门到进阶之路(八)

    之前的文章我们介绍了 React中的组件.父子组件.React props父组件给子组件传值.子组件给父组件传值.父组件中通过refs获取子组件属性和方法.接下来我们将介绍 React propTyp ...

  2. rn滑动返回页面监听

    开发rn的同学都已经知道这个问题很坑了,真的很难弄,网上的方法尝试过很多,返回的的时候回调,是用的最多的,最开始我也是用的这种方式,但是滑动返回的时候监听不到.并且用起来也比较麻烦,不但需要在当前页面 ...

  3. E20170429-hm

    fold   n/v 折叠 ribbon n 色带 hover  n. 盘旋; 徘徊; vi犹豫 Roll over 打滚; 折:翻滚   pinch ピンチ 捏,掐; finger フィンガー sc ...

  4. 关于js变量作用域

    先来看一段代码 var ss=1;function sss(){ alert(ss);}$(document).ready(function(){ var ss=2; alert(ss); sss() ...

  5. [转]Markdown语法参考

    << 访问 Wow!Ubuntu NOTE: This is Simplelified Chinese Edition Document of Markdown Syntax. If yo ...

  6. IT兄弟连 Java Web教程 Servlet的生命周期

    JavaWeb应用的生命周期由Servlet容器来控制,而Servlet作为JavaWeb应用的最核心的组件,其生命周期也由Servlet容器来控制.Servlet的生命周期可以分为3个阶段:初始化阶 ...

  7. 477 Total Hamming Distance 汉明距离总和

    两个整数的 汉明距离 指的是这两个数字的二进制数对应位不同的数量.计算一个数组中,任意两个数之间汉明距离的总和.示例:输入: 4, 14, 2输出: 6解释: 在二进制表示中,4表示为0100,14表 ...

  8. mac下iterm2配置安装,通过expact实现保存账号,及通过跳板登陆配置

    在参考了几款mac不错的ssh工具外,最终选择使用iterm2.本来打算用FinalShell,安装后发现其icon在访达中根本不现实,而且每次访问还需要输入管理员账号密码,强迫症根本受不了... 官 ...

  9. [译] 用win7自带工具找出svchost.exe的CPU使用率达到100%的元凶

    本文是我对自己上一篇转载的博客 <Figuring out why my SVCHOST.EXE is at 100% CPU without complicated tools in Wind ...

  10. laravel composer 扩展包开发(超详细)

    laravel composer 扩展包开发(超详细) 置顶 2018年02月05日 11:09:16 Simael__Aex 阅读数:10396    版权声明:转载请注明出处:http://blo ...