Javascript 如何在three.js中优化摄影机属性更改？

我基本上使用的是random points WebGL three.js演示的修改版，可以在这里找到：

现在，我添加了一个滚动事件侦听器，以在向下滚动时更改摄影机的fov和位置，但由于摄影机在three.js中的工作方式，我必须在每一帧中更新摄影机投影矩阵，这对性能非常不利，如以下示例所示：

---

最初的three.js示例在Safari和Chrome中运行良好。分享你的代码？粒子运动运行得很好，只是滚动过渡运行得不好。你可以看看@我正在考虑不涉及相机的滚动过渡动画。在El Capitan上运行spiffy，使用Intel Iris Pro和Chrome浏览器。在Chrome设置中，检查是否选中“可用时使用硬件加速”。我的是默认的。另外，在使用Safari和Chrome时，请确保您没有使用Photoshop、After Effects或其他支持GPU的重型软件。嗯，我想您是对的，我确实打开了资源密集型软件…哈哈。我只是担心它在低端机器上的性能不会那么好。就我个人而言，我使用的是带有英特尔HD 6000的mid 13 macbook air。你可以使用three.js轻松追踪FPS。减少每FPS的精灵数量。例如，30 fps*10将是300个精灵。12 fps等于120 fps。