小编end*_*mic的帖子

我正在绘制一些形状(弧形,线条等)requestAnimationFrame.没有什么太花哨,但我注意到一些偶尔的动画片.我在Chrome开发工具中使用时间轴检查器进行了分析,并且每帧看到大量的空闲时间,其中一些将FPS降至60以下(见截图).是否有已知原因或解决方案？

我使用 Paul Irish https://gist.github.com/paulirish/1579671的脚本 在 html 站点内创建动画循环。

它可以工作，尽管它在全屏模式下比在浏览器窗口中更快。另外，我观察到不同的速度取决于画布大小和我使用的浏览器。

问：使用脚本如何保证稳定的帧率？

代码可在此处获取（《Beginning WebGL》，第 1 章，作者：Brian Danchilla）： https://github.com/bdanchilla/beginningwebgl/blob/master/01/2D_movement.html