我正在尝试使用 HTML5 (Javascript) 制作一个简单的游戏。我想对活动施加时间限制。例如,当玩家进入一个屋顶正在向他们逼近的房间时,我想给他们一些时间来做出决定,然后自动发生其他事件。但是,如果他们做出决定,我根本不希望触发定时功能。
我怎样才能完成这样的事情?
为此,我喜欢使用自定义 Timer 类
var Timer = function(callback, delay, autoRun){
this.running = (autoRun == undefined)?true:autoRun;
this.completed = false;
this.delay = delay;
this.callback = callback;
};
Timer.prototype.pause = function() {
this.running = false;
return this;
};
Timer.prototype.resume = function() {
this.running = true;
return this;
};
Timer.prototype.finish = function(){
this.running = false;
this.completed = true;
this.callback();
return this;
};
您只需创建一个新计时器,将其添加到计时器列表中,该列表会通过主绘制循环按固定量更新(20 毫秒即可)。因此,如果您的游戏滞后,用户不会受到惩罚;)
前任:
var listOfTimers = [];
function draw(){
//Called every frame
for(var i = 0; i<listOfTimers.length; i++){
if(listOfTimers[i].running){
listOfTimers[i].delay -= 20;
if(listOfTimers[i].delay <= 0){
listOfTimers[i].finish();
}
}
//The rest of your draw logic...
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)