three.js中OBJ横截面的ThreeCSG实现

Question

我正在尝试使用OBJ库的threeCSG包装器来制作带有three.js OBJ加载程序的threeCSG包装器加载的JavaScript横截面。

当我使用一个规则的网格(像球体/立方体)时，相交csg操作工作得很好。我还可以制作漂亮的横截面，在其初始位置有一个圆角(白色物体，横截面以红色显示在下面)：

​

​

然而，当我旋转物体时，横截面是相同的，不管我如何改变它的旋转：

​

​

如何使csg交叉操作考虑到对象的旋转？它与正常的three.js网格(多维数据集)一样工作。

这可能与three.js加载OBJ文件的方式有关--它似乎将一堆网格存储在父对象中，然后可以在场景中添加/操作。我就是这样做csg操作的：

threeOBJ.traverse( function ( child ) {
    if (child instanceof THREE.Mesh) {
        cc = crossSection( child );
        scene.add( cc );
    }
} );

crossSection()函数与图像和每个子网格中看到的蓝色透明平面执行csg交叉操作。它返回一个THREE.Mesh，然后将其添加到场景中。

我觉得我所指的是错误的东西，因为它没有考虑到轮换，但我不知道是什么。是否有更好的方法将csg与3ree.js加载的OBJ一起使用；是否更好/可能将所有子网格合并到一个父网格中，然后执行布尔操作？

Answer 1

为了解决这个问题，我旋转了飞机而不是OBJ，它工作得很好。要查看物体的所有侧面，您也可以简单地旋转相机，交替跟踪球控制和控制飞机的运动，以获得所需的视图。