我已按照最佳做法使用requestAnimFrame绘制简单动画:
http://jsfiddle.net/paul/XQpzU/2/light/
不幸的是,即使在这个例子上(Chrome,Firefox和IE),动画也有落后
源代码的解释是:http://paulirish.com/2011/requestanimationframe-for-smart-animating/
什么是解决方案在html5中显示一个简单的动画而没有任何减速?
答案 0 :(得分:1)
对复杂的动画使用双缓冲技术,以避免缓慢的功能,如保存,恢复等。 好文章 http://www.felinesoft.com/blog/index.php/2010/09/accelerated-game-programming-with-html5-and-canvas/
“requestAnimFrame”不会为您带来性能提升,因为在这种情况下,浏览器会决定是否在特定时间内呈现您的代码,而不是您。我的经验表明,为所需的FPS设置计时器更好。我使用PhoneGap for Android编写游戏时遇到了不好的经历。我尝试了各种技术,最好是使用两个画布,重用路径并避免慢速转换功能。