Tre.js che imparano su vertici, vettori e matrici

Question

Sono abbastanza familiare con la libreria JavaScript Three.js 3D, so come aggiungere oggetti, luci, texture, raggrupparli e spostarli intorno un po 'e magari giocare con la fotocamera.

Quello che voglio sapere è come portarlo al livello successivo imparando il funzionamento interno.Ho già avuto una buona occhiata per informazioni su cose come le matrici, ma tutto quello che trovo è un complesso esempi matematici.

Mi piacerebbe sapere se qualcuno può indicarmi a qualsiasi sito o libri che mi aiuterebbe a imparare come fare cose più complesse in tre.js, come aggiungere un oggetto a un vertice specifico su un oggetto o comeTrova il bordo di una sfera e prendi un'altra sfera per rotolare intorno ad esso.

Poi con i vettori, posso imparare come ottenere oggetti per spostarsi in modi specifici?Sono disposto a mettere nello sforzo, ma non so cosa dovrei leggere e cosa sarebbe relativo per questo tipo di biblioteca.

Answer 1

Guarda in Algebra lineare per computer grafica . Ci sono molte risorse da scegliere. Prova a trovare qualcosa di più vicino al tuo background. Se la matematica non fa parte del tuo background, nessun problema, sterzo a più Game Dev relativi territori.

personalmente consiglio 3D math primer come scritto da sviluppatori di giochi esperti in modo facile per capire il modo. Lavorare con i numeri inizia in 1D incozzando le pecore, è così facile! Il libro spiega in dettaglio i matematici (algebra lineare, geometria) e codice dietro concetti come vettori, matrici, quaternioni. Il libro utilizza C ++, ma sarà abbastanza semplice capire la sintassi se hai familiarità con JavaScript già. Il punto principale sarebbe avere familiarità con i concetti, perché tre.js già implementa vettori, matrici, quaternioni, ecc. Si tratta di capire cosa fanno e soprattutto come puoi usarli.

Se aiuta, puoi anche controllare il Khan Academy Risorse su algebra lineare (ad es. Vettori , Matrici , ecc. Ma attenzione al lato matematica sempre meno il lato grafico del computer. Il tutorial matematici dall'istituto di gioco sono fantastici, ma sfortunatamente Non gratis.

Avvia con le basi: Cos'è un vettore, quali sono le operazioni tipiche del vettore (ottenere il perpendicolare tra 2 vettori usando il prodotto incrociato, ottenere l'angolo tra due vettori usando il prodotto Dot, ecc.) E vedere Trova il tuo ritmo da Là. Le matrici possono sembrare spaventose, ma dopo aver capito i vettori che avranno molto più senso.

Dal momento che tre.js già fornisce molte funzionalità, puoi leggere sulla matematica e provalo dritto in tre.js - apprendimento facendo.

Solo per aggiungere, Mr.DOOB ha aggiunto un collegamento a un corso davvero cool (e gratuito) su Grafica interattiva 3D insegnata in tre.js che copre vettori e matrici. Lo consiglio vivamente, è davvero spiegato e così facile da seguire.