javascript - 在 three.js 中显示不同颜色的两个对象的重叠体积

Question

我在 THREE.js 的场景中有两个重叠的对象。我想知道如何以不同的颜色或纹理显示两个对象的重叠体积？或者至少将两个不同颜色的物体结合起来，呈现出另一种颜色？例如，如果两个对象是红色和蓝色，则重叠体积显示重叠颜色，即紫色。先感谢您!像这样:

Answer 1

您还可以考虑通过实现类似 ThreeCSG.js 的东西来使用 bool 运算。 .

假设您有两个网格 cube_one 和 cube_two。然后你可以这样做:

cube_one_bsp = new ThreeBSP( cube_one );
cube_two_bsp = new ThreeBSP( cube_two );
cube_three_bsp = cube_one_bsp.intersect( cube_two_bsp );

现在，当使用 toMesh 方法将其转换回 THREE.Mesh 时，您可以为 cube_three 提供任何 Material :

mesh = cube_three_bsp.toMesh( material );

现在您将相交对象作为 THEE.Mesh 与您的自定义 Material ...