¿Cómo obtener la posición absoluta de un vértice en three.js?

Question

Por lo que sé var point = object.geometry.vertices[i]; volverá con la posición relativa para el x, y y z del punto dentro de la geometría del objeto.

¿Cómo obtener la posición absoluta, si el objeto fue movido, rotado o escalado?

Answer 1

Primero asegúrese de que las matrices del objeto se hayan actualizado.

object.updateMatrixWorld(); 

El bucle de renderizado generalmente llama a esto por usted.

A continuación, haga lo siguiente:

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

vector.applyMatrix4(object.matrixWorld); 

El vector contendrá ahora la posición en coordenadas del mundo.

Es posible que desee leer algunos libros de referencia CG.

1. imprimación matemáticas 3D para los gráficos y el desarrollo del juego/por Fletcher Dunn y Ian Parberry

2. Matemáticas Esenciales para juegos y aplicaciones interactivas: Guía de un desarrollador James M. Van Verth y Lars M. Bishop

Three.js R69

Answer 2

versiones recientes de Three.js (v50 +) proporcionar esta funcionalidad Bui lt en the THREE.Object3D class. En particular, para obtener las coordenadas mundiales de un THREE.Vector3 instancia local llamado vector, utilice the localToWorld method:

object.localToWorld(vector); 

Del mismo modo, hay a worldToLocal method para el mundo de la conversión de las coordenadas en coordenadas locales, lo cual es un poco más complicado, matemáticamente hablando. Para traducir un mundo vector en los objetos de coordenadas local del espacio:

object.worldToLocal(vector);