Três.js aprendendo sobre vértices, vetores e matrizes

Question

Estou muito familiarizado com a biblioteca JavaScript 3D Three.JS, sei como adicionar objetos, luzes, texturas, agrupá-los e movê-los um pouco e talvez brincar com a câmera.

O que eu quero saber é como levá-lo para o próximo nível aprendendo sobre o funcionamento interno.Eu já tive uma boa olhada para obter informações sobre coisas como matrizes, mas tudo que eu acho é exemplos matemáticos complexos.

Eu gostaria de saber se alguém pode me apontar para quaisquer sites ou livros que me ajudassem a aprender como fazer coisas mais complexas em três.js, como adicionar um objeto a um vértice específico em um objeto, ou comoEncontre a borda de uma esfera e pegue outra esfera para rolar por perto.

Então com vetores, posso aprender como obter objetos para mover de maneiras específicas?Estou disposto a colocar no esforço, mas não sei o que deveria estar lendo e o que seria relativo para esse tipo de biblioteca.

Answer 1

olhe para Álgebra linear para gráficos de computador . Há muitos recursos para escolher. Tente encontrar algo mais perto do seu fundo. Se a matemática não faz parte do seu histórico, não há problema, dirija mais territórios relacionados a Dev.

Pessoalmente eu recomendo 3D Math Primer Como é escrito por desenvolvedores de jogos experientes em um fácil entender a maneira. Trabalhar com números começa em 1d contando ovelhas, é tão fácil! O livro explica em detalhes a matemática (álgebra linear, geometria) e código por trás dos conceitos como vetores, matrizes, quaternões. O livro usa C ++, mas será bastante simples entender a sintaxe se você já estiver familiarizado com o JavaScript. O ponto principal seria familiarizado com os conceitos, porque três.js já implementa vetores, matrizes, quaterniões, etc. É uma questão de entender o que eles fazem e especialmente como você pode usá-los.

Se isso ajudar, você também pode verificar o Khan Academy Recursos em álgebra linear (por exemplo, vectores , matrizes , etc. Mas o foco no lado da matemática cada vez menos o lado do gráfico do computador. O Tutoriais de matemática do Instituto de Jogo São ótimos, mas infelizmente não é livre.

Comece com o básico: O que é um vetor, quais são as operações típicas do vetor (obtêm o perpendicular entre 2 vetores usando o produto transversal, obtenha o ângulo entre dois vetores usando o produto dot, etc.) e veja encontrar seu próprio ritmo de lá. Matrizes podem parecer assustadoras, mas depois de ter entendido vetores, eles vão ganhar muito mais sentido.

Desde três.js já fornece muita funcionalidade, você pode ler sobre a matemática e tentar diretamente em três.js - aprendendo fazendo.

Apenas para adicionar, Mr.doob adicionou um link para um curso muito legal (e gratuito) em Gráficos 3D interativos ensinados em três.js que cobrem vetores e matrizes. Eu calorosamente recomendo, é muito bem explicado e tão fácil de seguir.