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

2022-04-11 11:39:25 +08:00
 fqzz
场景和动画都很简单,单个模型,然后用 tween 移动相机位置。
没啥负载的时候,cpu 会降频到 1g 以下,这时候触发动画就会很卡,一跳一跳的。
用 inspector 看,会有很多 dropped frame 。
如果写个死循环,保持一个 cpu 核满载,主频在 4.6g 的时候触发动画,就很顺滑,没有卡顿的情况。

大家碰到过这样的情况么,有啥解决思路?
写个 service worker 占满 cpu 有点太。。。不符合节能环保的理念
1226 次点击
所在节点    前端开发
5 条回复
timpaik
2022-04-11 12:52:46 +08:00
你是不是笔记本没插电源(
march1993
2022-04-11 14:04:33 +08:00
用 setInterval 而不是 requestAnimationFrame ?
fqzz
2022-04-11 15:13:14 +08:00
@timpaik 客户笔记本反映有卡顿问题,我用的是台式机也能重现。

@march1993 是用的 requestAnimationFrame 。好像默认就是 60Hz ,我的显示器是 30Hz ,不知道这个有没有影响。
march1993
2022-04-14 11:15:07 +08:00
@fqzz 我意思是用 setInterval 试试看。。强制渲染 60fps
fqzz
2022-04-18 10:48:50 +08:00
@march1993 这招好使啊,本地测试流畅度好多了,万分感谢。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/846238

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX