TypeScript로 즐기는 Three.js : 3. 트렌스폼(Transfrom)
- TypeScript를 활용하여 Three.js를 배우는 3번째 강의는 '변환(Transformation)'에 관한 내용입니다. 🪄
- Three.js의 기본적인 요소는 Geometry, Material, Mesh로 이루어져 있으며, 이러한 요소들을 통해 3D 객체를 생성하고 표현할 수 있습니다. 🧩
- Object 3D는 Three.js에서 객체의 위치, 회전, 크기를 정의하는 기본 클래스입니다. 🧭
- position, rotation, scale 속성은 객체를 3D 공간에 배치하고 각도를 정하는 데 사용됩니다. 🏗️
- Transform 행렬은 3D 공간을 조작하는 데 사용되는 수학적 도구로, 객체의 위치와 회전을 나타냅니다. 🧮
- Three.js에서는 오른손 좌표계를 기준으로 x, y, z 축의 방향과 회전을 정의합니다. 👐
controls
를 활용하면 마우스로 상황을 관찰하는 데 편리하게 사용됩니다. 🕹️