fqzz

Chrome 下 Three.js 动画求助 [cpu 降频导致动画不流畅]

  •  
  •   fqzz · Apr 11, 2022 · 2606 views
    This topic created in 1669 days ago, the information mentioned may be changed or developed.
    场景和动画都很简单,单个模型,然后用 tween 移动相机位置。
    没啥负载的时候,cpu 会降频到 1g 以下,这时候触发动画就会很卡,一跳一跳的。
    用 inspector 看,会有很多 dropped frame 。
    如果写个死循环,保持一个 cpu 核满载,主频在 4.6g 的时候触发动画,就很顺滑,没有卡顿的情况。

    大家碰到过这样的情况么,有啥解决思路?
    写个 service worker 占满 cpu 有点太。。。不符合节能环保的理念
    5 replies  •  2022-04-18 10:48:50 +08:00
    timpaik
    timpaik
    Apr 11, 2022 via Android
    1
    你是不是笔记本没插电源(
    march1993
    march1993
    Apr 11, 2022
    2
    用 setInterval 而不是 requestAnimationFrame ?
    fqzz
    fqzz
    OP
    Apr 11, 2022
    3
    @timpaik 客户笔记本反映有卡顿问题,我用的是台式机也能重现。

    @march1993 是用的 requestAnimationFrame 。好像默认就是 60Hz ,我的显示器是 30Hz ,不知道这个有没有影响。
    march1993
    march1993
    Apr 14, 2022❤️1
    4
    @fqzz 我意思是用 setInterval 试试看。。强制渲染 60fps
    fqzz
    fqzz
    OP
    Apr 18, 2022
    5
    @march1993 这招好使啊,本地测试流畅度好多了,万分感谢。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2672 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 49ms · UTC 13:41 · PVG 21:41 · LAX 05:41 · JFK 08:41
    ♥ Do have faith in what you're doing.