Drei.js, die über Scheitelpunkte, Vektoren und Matrizen lernen

Question

Ich bin ziemlich vertraut mit der drei.js 3D JavaScript-Bibliothek, ich weiß, wie man Objekte, Lichter, Texturen hinzufügt, um sie zu gruppieren und ein wenig um ein wenig zu bewegen und mit der Kamera zu spielen.

Was ich wissen möchte, ist, wie man es auf die nächste Stufe bringen kann, indem ich über die inneren Arbeiten lernte.Ich hatte bereits einen guten Blick auf Informationen zu Dingen wie Matrizen, aber alles, was ich finde, ist komplexe mathematische Beispiele.

Ich würde gerne wissen, ob jemand mich auf Websites oder Bücher zeigen kann, was mir helfen würde, zu lernen, wie er komplexere Dinge in drei.js lernen kann, wie ein Objekt einem bestimmten Scheitelpunkt auf einem Objekt hinzugefügt wird oder wie manFinden Sie den Rand einer Kugel und bringen Sie eine andere Kugel, um es herumzurollen.

Kann ich dann mit Vektoren lernen, wie man Gegenstände bekomme, um sich auf bestimmte Weise zu bewegen?Ich bin bereit, die Anstrengung in die Mühe zu bringen, aber ich weiß nicht, was ich lesen sollte und was für diese Art der Bibliothek relativ wäre.

Answer 1

schauen in lineare Algebra für Computergrafik . Es gibt viele Ressourcen zur Auswahl. Versuchen Sie, etwas näher an Ihrem Hintergrund zu finden. Wenn Mathematik nicht Teil Ihres Hintergrunds, kein Problem, lenken Sie mehr Spieler-Entwickler-Territorien.

persönlich empfehle ich 3D Math Primer , da es von erfahrenen Spielentwicklern in einem einfachen geschrieben wird Weg verstehen. Wenn Sie mit Zahlen arbeiten, beginnt in 1D-Zählschafe, es ist so einfach! Das Buch erklärt in Details der Mathematik (lineare Algebra, Geometrie) und Code hinter den Konzepten wie Vektoren, Matrizen, Quaternionen. Das Buch verwendet C ++, aber es ist ziemlich einfach, die Syntax zu verstehen, wenn Sie bereits JavaScript vertraut sind. Der Hauptpunkt würde es sein, sich mit den Konzepten vertraut zu machen, denn drei.js implementiert bereits Vektoren, Matrizen, Quaternionen usw. Es ist eine Frage des Verstehens, was sie tun und vor allem, wie Sie sie verwenden können.

Wenn es hilft, können Sie auch den Khan Academy Ressourcen auf linearen Algebra ansehen (zB vectors , Matrizen usw., aber der Fokus in der mathematischen Seite mehr und weniger weiter die Computergrafikseite. Die Mathematik-Tutorials vom Spielinstitut sind großartig, aber leider nicht frei.

Mit den Grundlagen beginnen: Was ist ein Vektor, was sind typische Vektoroperationen (erhalten Sie die senkrechten zwischen 2 Vektoren mit dem Querprodukt, erhalten Sie den Winkel zwischen zwei Vektoren mit dem Punktprodukt usw.) und sehen Sie Ihr eigenes Tempo aus Dort. Matrizen mögen unheimlich erscheinen, aber nachdem Sie Vektoren verstanden haben, werden sie viel mehr Sinn machen.

Da drei.Js bereits bereits viel Funktionalität bietet, können Sie über die Mathematik lesen und es direkt in drei.js versuchen - lernen, indem Sie dies tun.

Um nur hinzuzufügen, fügte Mr.Doob einen Link zu einem wirklich coolen (und kostenlosen) Kurs auf Interaktive 3D-Grafiken in drei.js unterrichtet, die Vektoren und Matrizen abdeckt. Ich empfehle es herzlich, es ist wirklich schön erklärt und so einfach zu folgen.