改善三个js加载时间

Posted 2021-05-02

我是webgl和三个js的新手，但我设法在几周内完成了一个小项目。但我想问的是，我能做些什么来改善应用程序的加载时间？我不是在抱怨fps，因为与它的交互很顺利，但加载一切都需要很长时间。你们有任何提示或资源我可以检查以改善捆绑js加载时间吗？

我使用d3，topojson和三个js。该项目是一个带有背景图像的3d地球仪。地球有一个纹理，它显示你正在徘徊的国家的叠加（所以它有鼠标移动和点击事件）。它还有3d标记（球体和圆柱体），并在您单击时进行交互。

我尝试删除所有可能的代码，避免繁重的计算，并尽可能地使用BufferGeometry。它也有颗粒。由于它使用点击事件，我需要Projector.js，我需要OrbitControls.js作为控制逻辑。我也在事件中使用去抖动。我只是询问一般的三个js提示，一些指导，以避免等待整个场景加载6-9秒。谢谢！

答案

• 缩小3D模型数据;
• 使用压缩纹理格式，如dds或crunch;
• 将大场景切成小块并用lods装载;

希望这有用。