Trois.js apprendre sur des sommets, des vecteurs et des matrices

Question

Je suis assez familier avec la bibliothèque JavaScript Three.js 3D JavaScript, je sais ajouter des objets, des lumières, des textures, de les grouper et de les déplacer un peu et peut-être jouer avec la caméra.

Ce que je veux savoir, c'est comment le prendre au niveau suivant en apprenant sur les travaux intérieurs.J'ai déjà eu un bon coup d'œil sur des informations sur des matrices telles que des matrices, mais tout ce que je trouve est des exemples mathématiques complexes.

J'aimerais savoir si quelqu'un peut me diriger vers des sites ou des livres qui m'aideraient à apprendre à faire des choses plus complexes dans trois.js, comme l'ajout d'un objet à un sommet spécifique sur un objet, ou commentTrouvez le bord d'une sphère et obtenez une autre sphère pour rouler autour de lui.

Puis avec des vecteurs, puis-je apprendre à obtenir des objets pour vous déplacer de manière spécifique?Je suis prêt à mettre dans l'effort mais je ne sais pas ce que je devrais lire et ce qui serait relatif à ce type de bibliothèque.

Answer 1

regarder dans algèbre linéaire pour les graphiques informatiques . Il y a beaucoup de ressources à choisir. Essayez de trouver quelque chose de plus proche de votre arrière-plan. Si les mathématiques ne font pas partie de votre expérience, pas de problème, dirigez-vous vers plusieurs territoires de développement.

personnellement, je recommande Primer 3D MATH comme il est écrit par des développeurs de jeux expérimentés dans une pour comprendre le moyen. Travailler avec des chiffres commence dans 1D Compter des moutons, c'est aussi facile! Le livre explique en détail les mathématiques (algèbre linéaire, géométrie) et code derrière des concepts tels que des vecteurs, des matrices, des quaternions. Le livre utilise C ++, mais il sera assez simple de comprendre la syntaxe si vous connaissez déjà JavaScript. Le point principal serait-il de se familiariser avec les concepts, car trois.js implémente déjà des vecteurs, des matrices, des quaternions, etc. Il s'agit de comprendre ce qu'ils font et surtout comment vous pouvez les utiliser.

Si cela aide, vous pouvez également consulter Ressources de Khan Academy sur l'algèbre linéaire (par exemple, vecteurs , matrices , etc. Mais la mise au point dans le côté mathématique de plus en plus sur le côté de l'ordinateur graphique. Le Les tutoriels mathématiques de l'institut de jeu sont géniaux, mais malheureusement pas libre.

Commencez avec les bases: Qu'est-ce qu'un vecteur, quelles sont les opérations de vecteurs typiques (obtenez la perpendiculaire entre 2 vecteurs à l'aide du produit croisé, obtenez l'angle entre deux vecteurs à l'aide du produit DOT, etc.) et voyez trouver votre propre rythme de là. Les matrices peuvent sembler effrayantes, mais après avoir compris les vecteurs, ils feront beaucoup plus de sens.

Puisque trois.js fournit déjà beaucoup de fonctionnalités, vous pouvez lire sur les mathématiques et l'essayer directement dans trois.js - apprendre en faisant.

Juste pour ajouter, M.doob a ajouté un lien vers un cours vraiment cool (et gratuit) sur Graphiques 3D interactifs enseignés dans trois.js qui couvre des vecteurs et des matrices. Je le recommande vivement, c'est vraiment bien expliqué et si facile à suivre.