[Three.js] 3차원 공간구성 (scene graph)
이번에는 Three.js의 구조를 익힌것을 바탕으로 하여, 공간구성을 해보겠다. 앞서 공부했던, Geometry(3차원 객체의 형상) 는 Material(3차원 객체의 색상, 투명도)과 함께 Mesh(3차원 객체를 표시하기 위한 객체)를 구성한다. Object 3D를 하위 클래스는 Mesh, Line, Points 세가지가 있다. 이 객체들은 3차원 공간상에 놓여지게 된다. 3차원 공간에 놓여지기 위해서는 "위치, 회전, 크기" 값이 필요하다. 따라서 Object 3D는 poistion, rotation, scale이라는 속성을 갖는다. 아래 코드는 Object3D의 기본 생성자 코드이다. 추가적으로 Quaternion도 있는게 보이는데, 이 부분은 추후에 알아보겠다. * 3D 객체는 2배의 크기로 표시..