Three.js vertices, vectors and matrices에 대해 배웁니다.

Question

Three.js 3D JavaScript 라이브러리에 익숙합니다. 객체, 조명, 텍스처를 추가하고 그룹화하고 주변을 조금 움직이고 주변을 둘러 보는 방법을 알고 있습니다. 카메라와 함께.

내가 알고 싶은 것은 내부 동작에 대해 학습하여 다음 단계로 가져가는 방법입니다. 나는 이미 행렬과 같은 것에 대한 정보를 잘 살펴 보았지만, 복잡한 수학적 예가있다.

누군가가 3 사이트에서보다 복잡한 작업을 수행하는 방법을 배우는 데 도움이되는 사이트 나 책을 가르쳐 줄 수 있는지 알고 싶습니다. 개체의 특정 정점에 개체를 추가하거나 구체의 가장자리를 찾아 그것을 구르는 다른 구체를 얻으려면.

다음 벡터를 사용하면 특정 방법으로 객체를 이동하는 방법을 배울 수 있습니까? 나는 노력하기를 기꺼이 하겠지만, 내가 무엇을 읽어야하며이 유형의 도서관에 대해 친척이 될지 모른다.

Answer 1

linear algebra for computer graphics을 살펴보십시오. 선택할 수있는 자원이 많이 있습니다. 배경에 더 가까운 것을 찾으십시오. 수학이 배경에 포함되지 않는다면 더 많은 게임 개발 관련 영역으로 이동하십시오.

개인적으로는 이해하기 쉬운 방법으로 숙련 된 게임 개발자가 직접 작성한 3D Math Primer을 권장합니다. 숫자로 작업하는 것은 양을 1D로 계산하기 시작합니다. 이 책에서는 수학 (선형 대수학, 기하학)과 벡터, 행렬, 쿼터니언과 같은 개념의 코드를 자세히 설명합니다. 이 책은 C++을 사용하지만 이미 자바 스크립트에 익숙하다면 구문을 이해하는 것은 상당히 간단합니다. 요점은 three.js가 이미 벡터, 행렬, 쿼터니언 등을 구현하기 때문에 개념에 익숙해지는 것입니다. 이는 그들이하는 일, 특히 어떻게 사용할 수 있는지 이해하는 문제입니다.

는 당신이 또한 Khan Academy resources on Linear Algebra (예 Vectors, matrices 등이 있지만 컴퓨터 그래픽 측면에서 더 적은. Mathematics tutorials from Game Institute 무료하지 불행하게도 큰, 그러나있는 수학 측의 초점을 맞 춥니 다.

을 확인하실 수 있습니다, 도움이된다면

기본 사항 : 벡터 란 무엇이며, 일반적인 벡터 연산은 무엇입니까? (교차 곱을 사용하여 두 벡터 사이에 직각을 얻고, 내적 제품을 사용하여 두 벡터 사이의 각도를 구하는 등) 자신의 페이스를 찾을 수 있습니다. 행렬은 무서운 것처럼 보일 수 있지만, 벡터를 이해하면 더 많은 의미를 갖게됩니다.

three.js 이미 많은 기능을 제공하고 있습니다. 수학에 대한 정보를 읽고 three.js에서 곧바로 시도 할 수 있습니다.

mr.doob은 벡터와 행렬을 다루는 three.js에서 가르친 Interactive 3D Graphics에 대한 멋진 (무료) 과정에 대한 링크를 추가했습니다. 나는 그것을 따뜻하게 추천한다, 그것은 정말로 멋지게 설명되고, 따라 가기 쉽다.