我应该使用window.webkitRequestAnimationFrame而不是setInterval吗？ [英] Should I use window.webkitRequestAnimationFrame instead of setInterval?

问题描述

我正在开发一个JavaScript游戏，我很困惑我应该使用哪一个 -
window.webkitRequestAnimationFrame 或 setInterval 用于移动我的游戏角色。

I am developing a game in JavaScript and I am confused on which one I should use - window.webkitRequestAnimationFrame or setInterval for moving my game characters.

推荐答案

你可以使用window.webkitRequestAnimationFrame而不是setInterval

you can use window.webkitRequestAnimationFrame instead of setInterval

var counter = 0;
var requestAnimationFrame = window.requestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame;
var cancelAnimationFrame = window.cancelAnimationFrame ||
        window.webkitCancelRequestAnimationFrame || 
        window.webkitCancelAnimationFrame ||
        window.mozCancelRequestAnimationFrame || window.mozCancelAnimationFrame ||
        window.oCancelRequestAnimationFrame || window.oCancelAnimationFrame ||
        window.msCancelRequestAnimationFrame || window.msCancelAnimationFrame;
var animation = function(){
        animationFrame = requestAnimationFrame(animation);
        render();
}
animationFrame = requestAnimationFrame(animation);
function render(){
        counter ++; 
        $('develement').css('-webkit-transform','translate3d(-'+counter+'px, 0, 0)');
}

这篇关于我应该使用window.webkitRequestAnimationFrame而不是setInterval吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！