如何在three.js中獲取頂點的絕對位置？

Question

據我所知var point = object.geometry.vertices[i];將返回對象幾何體內部點的x,y和z的相對位置。

如何獲得絕對位置，如果對象被移動，旋轉或縮放？

Answer 1

首先確保對象的矩陣已更新。

object.updateMatrixWorld(); 

渲染循環通常會爲您調用此函數。

然後，這樣做：

var vector = object.geometry.vertices[i].clone(); 

vector.applyMatrix4(object.matrixWorld); 

矢量現在將包含位置世界座標。

您可能想閱讀一些CG參考書。

1. 3D數學底漆圖形和遊戲開發/弗萊徹Dunn和伊恩·帕伯裏

2. 基本數學遊戲和交互式應用程序：一個程序員指南 詹姆斯·M·範·Verth和Lars M.主教

three.js所R69

Answer 2

three.js所（V50 +）的最近版本提供此功能BUI lt到the THREE.Object3D class。特別是，要獲得名爲vector本地THREE.Vector3實例的世界座標，使用the localToWorld method：

object.localToWorld(vector); 

同樣，也a worldToLocal method轉換世界座標爲局部座標，這是稍微複雜一些，從數學上講。要翻譯世界vector到物體局部座標空間：

object.worldToLocal(vector);