cocos creator基础-(五)cc.Component使用

一、组件入口函数

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 取消所有的定时器操作;
注意,如果节点或组件没有激活是不会调用的;

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 cc.Line 组件绘制随机闪电可以通过以下步骤实现: 1. 在场景编辑器中创建一个节点,添加 cc.Line 组件。 2. 编写脚本,获取 cc.Line 组件,并在 onEnable 生命周期回调函数调用 draw 方法绘制随机闪电。具体实现方法如下: ``` cc.Class({ extends: cc.Component, properties: { line: cc.Line, duration: 0.2, // 闪电持续时间 offset: 10, // 闪电偏移量 boltWidth: 5, // 闪电宽度 color: cc.Color.WHITE // 闪电颜色 }, onEnable: function () { this.schedule(this.drawBolt, this.duration); }, onDisable: function () { this.unschedule(this.drawBolt); }, drawBolt: function () { var startPos = cc.v2(0, 0); // 起点坐标 var endPos = cc.v2(cc.winSize.width, cc.winSize.height); // 终点坐标 var midPos = cc.v2(startPos.x + (endPos.x - startPos.x) / 2, startPos.y + (endPos.y - startPos.y) / 2); // 中点坐标 // 生成随机偏移量 var offset1 = cc.v2(Math.random() * this.offset - this.offset / 2, Math.random() * this.offset - this.offset / 2); var offset2 = cc.v2(Math.random() * this.offset - this.offset / 2, Math.random() * this.offset - this.offset / 2); // 绘制闪电 this.line.setColor(this.color); this.line.setWidth(this.boltWidth); this.line.draw(startPos, midPos.add(offset1)); this.line.draw(midPos.add(offset1), endPos.add(offset2)); } }); ``` 这段代码将在节点上绘制随机闪电,每隔一定时间刷新一次。可以根据需要调整闪电的持续时间、偏移量、宽度和颜色等参数。需要注意的是,随机闪电的绘制效果可能会受到屏幕分辨率的影响,可以根据需要调整起点和终点坐标来适配不同的屏幕大小。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值