javascript - THREE.js 将 THREE.planeGeometry 转换为 THREE.plane

Question

我正在尝试为 localClipping 配置 THREE.plane 的位置，但我发现它有点不直观。我有一个想法，是否可以创建一些planeGeometry，操纵它，并将其位置和方向转换为在其位置创建一个THREE.plane？

这对于配置剪切平面的位置很有用。

Answer 1

您想要从具有 PlaneGeometry 的 Mesh 设置 THREE.Plane，并且希望考虑网格的 >位置和四元数(或旋转)。换句话说，您希望 THREE.Plane 与平面 Mesh 对齐。

最简单的方法是使用plane.setFromNormalAndCoplanarPoint()。

法线是旋转后平面网格的法线。共面点是平面网格中的任意点； 位置就可以了。

var plane = new THREE.Plane();
var normal = new THREE.Vector3();
var point = new THREE.Vector3();

normal.set( 0, 0, 1 ).applyQuaternion( planeMesh.quaternion );

point.copy( planeMesh.position );

plane.setFromNormalAndCoplanarPoint( normal, point );

三.js r.96