Three.js中的渐进式加载/ LOD /流式网格

And*_*rew 7 javascript three.js

我正在使用STL加载器将stl文件加载到three.js场景中.这些stl文件的范围从5mb到50mb.

是否有一种方法可以用来逐步加载/流式传输/增加细节级别(不确定正确的术语),因为模型加载,以便我的用户在出现任何内容之前几分钟都没有盯着空白屏幕?

如果模型是20,000个三角形,那么three.js是否有一个方法可能首先只加载2,000个然后再进入完全详细的模型?

ant*_*ont 12

真正的渐进式加载/网格流不是开箱即用的.虽然它很棒但是可行.

它已与WebGL的完成,无需使用three.js所POP缓冲区:http://x3dom.org/pop/&https://github.com/thibauts/pop-buffer

其中一个演示是:http://x3dom.org/pop/happy.html

我希望有一天我们会有很好的POP缓冲区(或者类似的替代方案)也可以用于three.js - 在我/我们的待办事项/愿望清单中也是如此,但是在此之前还有很多东西......当然不介意有人先写了:)

三个确实包含一个简单的LOD机制,但它有助于渲染负载而不是加载时间:http://threejs.org/docs/#Reference/Objects/LOD&http://threejs.org/examples/webgl_lod. HTML

对于一个简单的解决方案,您可以编写模型的低版本和高版本,并编写自定义加载逻辑,只需先加载低版本并显示它们,然后继续加载高版本等.

我们在一个项目中完成了这项工作,按预期工作正常.我能想到的唯一不足之处是它增加了获得高版本的总时间.但是低可以非常小,所以没关系(在我们的情况下,低多边形没有纹理只有垂直颜色,然后高的多边形有更多的多边形,但基本上也非常大的纹理).