html5 – setTimeout或setInterval或requestAnimationFrame

适用于HTML5游戏,适用于移动设备的画布动画。

我正在面临一些性能问题,这些性能问题使每个设备与其他设备的速度不同

requestAnimationFrame根据设备速度加快游戏动画速度。
setInterval震惊了我,从设备到另一个设备的延迟。
setTimeout也在画布上绘制缓慢。

谁拥有以前的移动HTML5游戏的经验可以指导我抛出三个最好的方式(或其他技术,如果可用),用于开发在画布上的动画在不同的移动设备上是稳定的?

解决方法

始终使用requestAnimationFrame,因为这是它的意图。最好是 use a shim for support当它不是,所以你不需要处理具体的细节。

为了使动画或游戏逻辑以相同的速度执行,尽管使用实际的方法,您应该使用基于时间的动画和基于时间的计算来进行物理学等。

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码