Scene

Scene

3D 오브젝트들이 배치되고 렌더링되는 공간

Mesh

모든 오브젝트들은 삼각형 모양의 mesh로 구성되어있다.

mesh는 geometry와 material로 이루어져 있다.

• Geometry와 Material은 Scene에 개별적으로 직접 추가할 수 없으며, 반드시 이 둘을 조합하여 Mesh라는 개체로 만든 후에 Scene에 포함시켜야 한다.

Geometry는 모양을 정의하는 역할을 하며, 이를 웹에서 비유하자면 HTML과 유사하다. 반면 Material은 모양에 대한 스타일과 속성을 제어하는데, 이는 CSS와 유사하다.

Geometry

Mesh의 형태를 나타내는 것

• 면을 이루기 위해서는 최소한 3개의 점이 필요하다.

• 3개의 점으로 이루어진 면(삼각형)을 통해 다양한 형태의 geometry를 구성할 수 있게 된다.

• Mesh는 여러 삼각형(세그먼트)로 이루어지게 되는데, 이 갯수를 최소화하는 것은 렌더링을 효율적으로 최적화하는 핵심이 된다. (웹 페이지의 빠른 로딩을 위해서는 파일 용량을 최소화하는 것이 중요)

• three.js에서 모든 유형의 geometry는 bufferGeometry 를 상속 받는다.

bufferGeometry란 삼각형을 만드는 코드

Wireframe

Mesh의 Segment를 표시해주는 옵션, 모델의 구조를 시각적으로 확인하기 위해 사용한다.