Three.js Aprendiendo sobre vértices, vectores y matrices.

Question

Estoy bastante familiarizado con la biblioteca de JavaScript 3D Three.js, sé cómo agregar objetos, luces, texturas, agruparlas y moverlas un poco y tal vez jugar con la cámara.

Lo que quiero saber es cómo llevarlo al siguiente nivel aprendiendo sobre el funcionamiento interno.Ya he tenido un buen vistazo para obtener información sobre cosas como matrices, pero todo lo que encuentro es ejemplos matemáticos complejos.

Me gustaría saber si alguien puede apuntarme a algún sitio o libros que me ayude a aprender cómo hacer cosas más complejas en tres.js, como agregar un objeto a un vértice específico en un objeto, o cómo hacerloEncuentra el borde de una esfera y obtenga otra esfera para rodar alrededor.

Luego con vectores, ¿puedo aprender cómo obtener objetos para moverse de manera específica?Estoy dispuesto a poner en el esfuerzo, pero no sé qué debería estar leyendo y qué sería relativo para este tipo de biblioteca.

Answer 1

Mira en álgebra lineal para gráficos de computadora . Hay muchos recursos para elegir. Trate de encontrar algo más cerca de su fondo. Si las matemáticas no son parte de sus antecedentes, no hay problema, dirige a más territorios relacionados con Game Dev.

Personalmente, lo recomiendo cimer de matemáticas 3D como está escrito por desarrolladores de juegos con experiencia en una fácil para entender la forma. Trabajar con números comienza en una oveja de conteo 1D, ¡es tan fácil! El libro explica en detalles los matemáticas (álgebra lineal, geometría) y código detrás de conceptos como vectores, matrices, cuaterniones. El libro utiliza C ++, pero será bastante sencillo entender la sintaxis si ya está familiarizado con JavaScript. El punto principal sería familiarizarse con los conceptos, porque tres.js ya implementa vectores, matrices, cuaterniones, etc. Es una cuestión de entender lo que hacen y especialmente cómo puede usarlos.

Si es útil, también puede visitar la Recursos de la Academia de Khan en álgebra lineal (por ejemplo, vectores , matrices , etc. pero el enfoque en el lado de matemáticas cada vez menos en El lado de los gráficos de la computadora. La tutoriales de matemáticas del instituto de juego son geniales, pero desafortunadamente no libre.

Comience con los conceptos básicos: ¿Qué es un vector, qué son las operaciones de vector típicas (obtenga el perpendicular entre 2 vectores que usan el producto cruzado, obtenga el ángulo entre dos vectores usando el producto DOT, etc.) y vea a encontrar su propio ritmo de allí. Las matrices pueden parecer aterrador, pero después de haber entendido los vectores que harán mucho más sentido.

Dado que tres.js ya ya proporciona mucha funcionalidad, puede leer sobre las matemáticas y lo intentará recto en tres.js - aprender haciendo.

Solo para agregar, Mr.DoOB agregó un enlace a un curso realmente genial (y gratis) en Gráficos 3D interactivos enseñados en tres.js que cubren vectores y matrices. Lo recomiendo calurosamente, está muy bien explicado y muy fácil de seguir.