如何在three.js中获取立方体所有角的确切x，y，z位置

Question

有another answer to this question，但在实现之后，我发现这些位置并不是顶点绝对 x、y、z 位置的真实表示。我检查了网格，并查看了 geometry:BoxGeometry 属性中的 _corners 数组。在那里我也可以找到值。如果立方体在两个不同的轴上旋转，并且在 x 和 z 轴上移动，角位置的 y 值不会改变，因此这些不是角的 x、y 和 z 位置的准确值。我可以明显看到角位置在 x、y 和 z 轴上移动。

我还能如何得出这些角的准确、绝对位置？到目前为止，我找不到确定这一点的属性。我是否需要使用具有这些角位置的旋转值来应用某种数学？

Answer 1

您只需要获取立方体的WorldMatrix（包含所有变换）并将其应用于具有原始顶点位置的 Vector3：

var w = 10;
var h = 15;
var d = 7;

const geom = new THREE.BoxBufferGeometry(w, h, d);
const mat = new THREE.MeshBasicMaterial();
const box = new THREE.Mesh(geom, mat);

// Get world matrix transformation of the box
var boxMatrix = box.matrixWorld;

// Set the initial position of the desired vertex into a Vector3
var vertex = new THREE.Vector3(w / 2, h / 2, d / 2);

// Apply the matrix transformation to the vector
vertex.applyMatrix4(boxMatrix);

// Read the result
console.log(vertex);