首页
注册
登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请
登录
V2EX
›
前端开发
Chrome 下 Three.js 动画求助 [cpu 降频导致动画不流畅]
fqzz
·
2022 年 4 月 11 日
· 2028 次点击
这是一个创建于 1376 天前的主题,其中的信息可能已经有所发展或是发生改变。
场景和动画都很简单,单个模型,然后用 tween 移动相机位置。
没啥负载的时候,cpu 会降频到 1g 以下,这时候触发动画就会很卡,一跳一跳的。
用 inspector 看,会有很多 dropped frame 。
如果写个死循环,保持一个 cpu 核满载,主频在 4.6g 的时候触发动画,就很顺滑,没有卡顿的情况。
大家碰到过这样的情况么,有啥解决思路?
写个 service worker 占满 cpu 有点太。。。不符合节能环保的理念
动画
CPU
触发
降频
5 条回复
•
2022-04-18 10:48:50 +08:00
1
timpaik
2022 年 4 月 11 日 via Android
你是不是笔记本没插电源(
2
march1993
2022 年 4 月 11 日
用 setInterval 而不是 requestAnimationFrame ?
3
fqzz
OP
2022 年 4 月 11 日
@
timpaik
客户笔记本反映有卡顿问题,我用的是台式机也能重现。
@
march1993
是用的 requestAnimationFrame 。好像默认就是 60Hz ,我的显示器是 30Hz ,不知道这个有没有影响。
4
march1993
2022 年 4 月 14 日
1
@
fqzz
我意思是用 setInterval 试试看。。强制渲染 60fps
5
fqzz
OP
2022 年 4 月 18 日
@
march1993
这招好使啊,本地测试流畅度好多了,万分感谢。
关于
·
帮助文档
·
自助推广系统
·
博客
·
API
·
FAQ
·
Solana
·
5346 人在线
最高记录 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 22ms ·
UTC 07:02
·
PVG 15:02
·
LAX 23:02
·
JFK 02:02
♥ Do have faith in what you're doing.
❯