Three.js를 활용해보자

Three.js를 활용하면 웹사이트에 멋진 3D 그래픽을 추가할 수 있습니다! 기본 설치부터 간단한 큐브 생성, 애니메이션 적용까지 알아보며 웹사이트를 예쁘게 꾸며봅시다.

지난 포스트에서는 Three.js를 시작하는 방법에 대해서 알아보았습니다. 이번에는 Three.js에 기본 도형들에 대해서 알아볼께요.

BoxGeometry,CircleGeometry,ConeGeometry ,CylinderGeometry,DodecahedronGeometry,ExtrudeGeometry 등 알아 봤는데 이번에도 다양한 도형들을 알아보겠습니다.

IcosahedronGeometry, LatheGeometry , OctahedronGeometry ,ParametricGeometry ,PlaneGeometry ,PolyhedronGeometry 알아봤습니다. Three.js의 도형들을 끝내 보도록 할게요

RingGeometryShapeGeometrySphereGeometryTetrahedronGeometryTextGeometryTorusGeometry 재질(Materials)을 알아볼께요

원근법(Perspective) 카메라와 정사영(Orthographic) 카메라로 나누어 집니다. 카메라 기본 속성 : fov, aspect, near, far camera.lookAt()을 사용해 카메라가 항상 특정 객체를 쳐다보도록 만들 수 있습니다.