高于60 fps的requestAnimationFrame

约翰·保罗

MDN,我有这个:

确保始终使用第一个参数(或其他获取当前时间的方法)来计算动画在帧中的进度,否则动画将在高刷新率屏幕上更快地运行。

以此为例,我是否可以假设以144hz的显示器requestAnimationFrame运行速度超过60 fps?

拖曳13

完全正确。

这是一个简单的示例:

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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有mousemove事件60 FPS的Javascript移动元素requestAnimationFrame

来自分类Dev

难道requestAnimationFrame调用总是会降低到60 FPS吗?

来自分类Dev

我应该使用requestAnimationFrame淡入几个元素吗?要实现60fps的动画?

来自分类Dev

难道requestAnimationFrame调用总是会降低到60 FPS吗?

来自分类Dev

JavaFX FPS上限为60 FPS

来自分类Dev

Pygame蛇速度在fps高于15时过高

来自分类Dev

Chrome中的FPS上限为60fps

来自分类Dev

实际存在60 FPS GIF吗?还是最大50 FPS?

来自分类Dev

在游戏中使用Angular(60 fps)

来自分类Dev

Java Timer Swing恰好60 fps

来自分类Dev

CreateJS-在RAF(requestAnimationFrame)模式下测量FPS

来自分类Dev

RequestAnimationFrame polyfill中1000/60的意义是什么

来自分类Dev

Web应用程序中的60fps是什么?

来自分类Dev

画布动画似乎没有以60 fps的速度运行

来自分类Dev

使用独立显卡运行glmark2:60 fps上限

来自分类Dev

在Android设备上以60 / 120fps预览数据?

来自分类Dev

Web API MediaRecorder:如何强制以60fps录制?

来自分类Dev

使用独立显卡运行glmark2:60 fps上限

来自分类Dev

画布动画似乎没有以60 fps的速度运行

来自分类Dev

P5 以 60 FPS 作出反应

来自分类Dev

使用ffmpeg将视频从30fps重新编码为60fps

来自分类Dev

更新到18.04之后,VSync会将帧速率锁定为40 FPS(而不是60 FPS)

来自分类Dev

如何编写脚本来“监听”电池状态并在电池电量高于60%或低于40%时提醒我?

来自分类Dev

Chrome中的不透明度转换无法获得60fps

来自分类Dev

使用UVC 1.5使1080p网络摄像头以60 fps的速度运行

来自分类Dev

如何在60Hz显示器上流畅地播放24 fps视频?

来自分类Dev

使用UVC 1.5使1080p网络摄像头以60 fps的速度运行

来自分类Dev

AVCapture在iOS 7中以60 fps捕获和获取帧缓冲

来自分类Dev

轻量级编解码器,可实时流式传输1080p 60 FPS

Related 相关文章

  1. 1

    带有mousemove事件60 FPS的Javascript移动元素requestAnimationFrame

  2. 2

    难道requestAnimationFrame调用总是会降低到60 FPS吗?

  3. 3

    我应该使用requestAnimationFrame淡入几个元素吗?要实现60fps的动画?

  4. 4

    难道requestAnimationFrame调用总是会降低到60 FPS吗?

  5. 5

    JavaFX FPS上限为60 FPS

  6. 6

    Pygame蛇速度在fps高于15时过高

  7. 7

    Chrome中的FPS上限为60fps

  8. 8

    实际存在60 FPS GIF吗?还是最大50 FPS?

  9. 9

    在游戏中使用Angular(60 fps)

  10. 10

    Java Timer Swing恰好60 fps

  11. 11

    CreateJS-在RAF(requestAnimationFrame)模式下测量FPS

  12. 12

    RequestAnimationFrame polyfill中1000/60的意义是什么

  13. 13

    Web应用程序中的60fps是什么?

  14. 14

    画布动画似乎没有以60 fps的速度运行

  15. 15

    使用独立显卡运行glmark2:60 fps上限

  16. 16

    在Android设备上以60 / 120fps预览数据?

  17. 17

    Web API MediaRecorder:如何强制以60fps录制?

  18. 18

    使用独立显卡运行glmark2:60 fps上限

  19. 19

    画布动画似乎没有以60 fps的速度运行

  20. 20

    P5 以 60 FPS 作出反应

  21. 21

    使用ffmpeg将视频从30fps重新编码为60fps

  22. 22

    更新到18.04之后,VSync会将帧速率锁定为40 FPS(而不是60 FPS)

  23. 23

    如何编写脚本来“监听”电池状态并在电池电量高于60%或低于40%时提醒我?

  24. 24

    Chrome中的不透明度转换无法获得60fps

  25. 25

    使用UVC 1.5使1080p网络摄像头以60 fps的速度运行

  26. 26

    如何在60Hz显示器上流畅地播放24 fps视频?

  27. 27

    使用UVC 1.5使1080p网络摄像头以60 fps的速度运行

  28. 28

    AVCapture在iOS 7中以60 fps捕获和获取帧缓冲

  29. 29

    轻量级编解码器,可实时流式传输1080p 60 FPS

热门标签

归档