html5 – setTimeout或setInterval或requestAnimationFrame

前端之家收集整理的这篇文章主要介绍了html5 – setTimeout或setInterval或requestAnimationFrame前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
适用于HTML5游戏,适用于移动设备的画布动画。

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

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

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

解决方法

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

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

猜你在找的HTML5相关文章