在运行一段时间后，requestAnimationFrame中的渲染webgl得到1 FPS

Question

我尝试通过requestAnimationFrame渲染webgl动画。它以60fps运行一段时间。突然转向1 fps。在500~1000ms后，再次获得60 FPS。 我使用three.js来计算矩阵并编程渲染模型。只是对它感到困惑。任何帮助都会受到赞赏。谢谢你的时间。

这是我的codepen链接。

    `https://codepen.io/xiaoshaung/pen/MOgXmN`

Answer 1

我注意到一旦你focus或离开画布/ iframe（点击进入该区域）就会大幅下降。我认为这发生在codepen上，因为代码在iframe中运行（具有交叉原点）。是下降吗？您可以尝试在localhost上的iframe中测试它并在此处共享结果。