Question

我用 Javascript/ html/ css 编程了一个小小的浏览器游戏。为了改进游戏的性能, 我想检查游戏在玩游戏的人的浏览器上是否运行缓慢, 并自动降低首选项。

有人知道如何从当前用户(或硬件数据)中检查每秒的框架吗?

Answer 1

如果您只是使用 javascript、 html 和 cs ( no jquery 或 dojo 或...), 那么您应该自己量度它。我想您会有一些同时环可以重新生成整个屏幕或部件。请检查这需要多少次, 您可以使用 Date () 来决定一个框架的时间 :

from=new Date();
//render one frame
to = new Date();
dt=to-from;
setFPS(1000/dt);

Answer 2

您可以使用

window. request 动画Frame

requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
                    window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
var start = window.mozAnimationStartTime;  // Only supported in FF. Other browsers can use something like Date.now().

function step(timestamp) {
  var progress = timestamp - start;
  d.style.left = Math.min(progress/10, 200) + "px";
  if (progress < 2000) {
  requestAnimationFrame(step);
}
}
requestAnimationFrame(step);

more on: https://developer.mozilla.org/en/DOM/window.requestAnimationFrame

友情链接