仅渲染3D模型的一部分

Question

我有一个房子的大型3D模型，我想只加载它的一小部分而不是整个模型，例如在特定位置只有一个5 * 5 * 5的立方体。

有没有办法在三个js中修改或截断3D模型？还有另一种方法可以实现这样的目标吗？

Answer 1

您可以加载整个模型并使用BufferGeometry.drawRange来确定应该渲染几何体的哪个部分。

带框几何的简单示例：https://jsfiddle.net/f2Lommf5/3435/

var geometry = new THREE.BoxBufferGeometry( 0.2, 0.2, 0.2 );
geometry.drawRange.count = 18; // draw half of the geometry

如果您不想加载整个模型，我建议您使用像Blender这样的3D建模工具将其拆分为子部分。然后，您可以单独加载和管理部件。