Cocos Creator中定时任务的实现

发布时间 2023-11-17 09:35:50作者: 游戏开发阿博

在Cocos Creator游戏开发中,经常需要使用定时任务,例如,赛车游戏游戏开始前的倒计时,玩家游戏结束之后等待3秒进入下一局,打地鼠游戏中,地鼠出洞3秒后消失,飞机大战中飞机每隔1秒钟发射一颗子弹等等。

由于其应用场景非常多,因此, Cocos Creator 中为我们提供了方便的计时器,这个计时器源自于 Cocos2d-x 中的 cc.Scheduler,它保留在了 Cocos Creator 中并适配了基于组件的使用方式。

也许有人会认为使用JS中的 setTimeout 和 setInterval 就足够了,但是作为开发者当然可以使用这两个函数,不过使用Cocos Creator进行游戏开发,我们更推荐使用计时器,因为它更加强大灵活,和组件也结合得更好!

下面来看看它的具体使用方式:

【1】schedule执行定时任务的简单用法

例如:某个任务需要每隔1秒执行一次,代码如下:

component.schedule(function() {

this.doSomething(); // 这里的 this 指向 component

}, 1);

【2】schedule执行定时任务的灵活用法

例如:某个任务需要在10秒后开始执行,每5秒执行一次回调,重复3次。

var interval = 5; // 以秒为单位的时间间隔

var repeat = 3; // 重复次数

var delay = 10; // 开始延时

component.schedule(function() {

this.doSomething(); // 这里的 this 指向 component

}, interval, repeat, delay);

【3】scheduleOnce定时执行一次(快捷方式)

例如:某个任务需要在两秒后执行一次回调函数,之后就停止。

component.scheduleOnce(function() {

this.doSomething(); // 这里的 this 指向 component

}, 2);

【4】unschedule取消计时器

当使用了周期执行的定时任务后,之后又需要在特定的情况下取消定时任务,可以采用回调函数本身来取消计时器。

this.count = 0;

this.callback = function () {

if (this.count === 5) {

// 在第六次执行回调时取消这个计时器

this.unschedule(this.callback);

}

this.doSomething();

this.count++;

}

component.schedule(this.callback, 1);

【总结】 Component 中所有关于计时器的函数:

schedule 调度一个自定义的回调函数。

scheduleOnce 调度一个只运行一次的回调函数,可以指定 0 让回调函数在下一帧立即执行或者在一定的延时之后执行。

unschedule 取消调度一个自定义的回调函数。

unscheduleAllCallbacks 取消调度所有已调度的回调函数:定制的回调函数以及 'update' 回调函数。

这些 API 的详细描述都可以在 Component API 文档中找到。如下:

 

 

 

 

 

 

 

 

除此之外,如果需要每一帧都执行一个函数,请直接在 Component 中添加 update 函数,这个函数将默认被每帧调用,这在生命周期文档中有详细描述。另外需要注意:cc.Node 不包含计时器相关 API。