javascript - 三个JS - 如何用Y平面切割3D对象？

Question

是否有可能使用 Three JS 来切割网格或具有我们可以移动的平面(主要是 Y 轴)的对象？我想要这张图片中显示的相同功能:

目标是保持网格完整，以允许用户移动平面并查看 Y 平面函数中的网格。

Answer 1

根据 WestLangley 的评论，以下代码来自 sample link他发布的内容似乎与您要实现的目标相关:

// ***** Clipping planes: *****
var localPlane = new THREE.Plane(new THREE.Vector3(0, -1, 0), 0.8);

// Geometry
var material = new THREE.MeshPhongMaterial({
    color: 0x80ee10,
    shininess: 100,
    side: THREE.DoubleSide,

    // ***** Clipping setup (material): *****
    clippingPlanes: [ localPlane ],
    clipShadows: true
});

var geometry = new THREE.TorusKnotBufferGeometry(0.4, 0.08, 95, 20);

var mesh = new THREE.Mesh(geometry, material);
mesh.castShadow = true;
scene.add(mesh);