我正在编写一个HTML5游戏开发Javascript框架,我想为用户提供最后一个tick和当前tick之间的时间差。
setInterval(tick, 16.6666666);
function tick() {
update();
draw();
}
这就是我所拥有的,但我希望:
while (true) {
/* Calculate delta time */
tick(dt);
}
function tick(dt) {
update(dt);
draw();
}
我试过,使用date.getTime();计算增量时间,但Firefox说脚本崩溃了。显然,无限循环会崩溃。对于我怎么做这个有什么建议吗?
我想要一个无限循环,可以用break
停止。我也希望通过delta时间,但我知道该怎么做。
只需使用上次更新的时间维护变量,并计算tick
本身的经过时间/增量时间。
var lastUpdate = Date.now();
var myInterval = setInterval(tick, 0);
function tick() {
var now = Date.now();
var dt = now - lastUpdate;
lastUpdate = now;
update(dt);
render(dt);
}
这是一个JSBin,虽然我不认为它真的需要... http://jsbin.com/okimam/10
编辑:我必须指出,setInterval(tick, 0)
并不一定意味着将立即调用tick
,两次调用之间的间隔为“0ms”。这取决于浏览器。
这是我使用的:
var lastTick = performance.now()
function tick(nowish) {
var delta = nowish - lastTick
lastTick = nowish
update(delta)
render(delta)
window.requestAnimationFrame(tick)
}
window.requestAnimationFrame(tick)
想给我两分钱。通常我在游戏中使用这个deltatime方法:
const perfectFrameTime = 1000 / 60;
let deltaTime = 0;
let lastTimestamp = 0;
function start() {
requestAnimationFrame(update);
}
function update(timestamp) {
requestAnimationFrame(update);
deltaTime = (timestamp - lastTimestamp) / perfectFrameTime;
lastTimestamp = timestamp;
// YOUR FRAME CODE HERE!
}
start();
这可确保您拥有完美的delta时间(如Unity deltaTime),因此您可以将时间缩放到帧时间。
你在想它吗?
var myInterval = window.setInterval(calculateForDeltaHere , 20);
function calculateForDeltaHere () {
/* Calculate delta time */
dt = Math.random();
tick(dt);
}
function tick() {
update();
draw();
}
而当你想停止间隔
window.clearInterval(myInterval);