从MDN,我有这个:
确保始终使用第一个参数(或其他获取当前时间的方法)来计算动画在帧中的进度,否则动画将在高刷新率屏幕上更快地运行。
以此为例,我是否可以假设以144hz的显示器requestAnimationFrame
运行速度超过60 fps?
完全正确。
这是一个简单的示例:
let i = 0;
const start = Date.now();
const stop = start + 5000;
function raf() {
requestAnimationFrame(() => {
const now = Date.now();
if (now < stop){
i++;
raf();
}else{
const elapsedSeconds = (now - start) / 1000;
console.log('Frame rate is: %f fps', i / elapsedSeconds);
}
});
}
console.log('Testing frame rate...')
raf();
在我的机器上,它显示143.7401178670024。我正在使用144HZ显示器。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句