三个JS：是否有可能简化一个对象/减少顶点的数量？

Question

我开始学习ThreeJS。我有一些非常复杂的模型要显示。

这些模型来自我的客户提供的Autocad文件。

但有时，为了网站的目的，模型中的细节数量太多了。

我想减少模型中的顶点数量，以简化显示并提高性能。

这可能来自ThreeJS吗？或者可能有其他解决方案吗？

Answer 1

有一个名为SimplifyModifier的修饰符可以很好地运行。你可以在Three.js例子中找到它

https://threejs.org/examples/#webgl_modifier_simplifier

这是另一个实际演示

的演示

http://www.blurspline.com/labs/3d/bunny/

Answer 2

如果您可以将模型导入Blender，则可以尝试 Decimate Modifier 。在最新版本的Blender中，它具有三种不同的方法，可配置“数量”参数。根据您的网格拓扑结构，它可能会大幅减少多边形数量，几乎没有视觉变化，或者甚至可以通过轻微的减少尝试完全破坏模型。其他3d包应该包含类似的功能，但我从未使用过它们。

我想到的另一件事是：有时当我遇到一个太高的多边形Blender模型时，一个好的开始就是检查是否应用了细分修改器并删除它（如果是这样）。虽然我不知道Autocad中是否有类似的东西，但值得研究。

Answer 3

我更新了SimplifyModifier函数。它适用于纹理模型。这是示例：

https://rigmodels.com/3d_LOD.php?view=5OOOEWDBCBR630L4R438TGJCD

您可以提取JS codes并在您的项目中使用。