기본 구성

• Renderer, Scene, Camera가 가장 기본.
• THREE JS.
  • Scene을 생성
  • Scene안에 3D 객체를 삽입
  • Scene을 Camera로 비춘다.
  • 전체를 Renderer를 통해 HTML Canvas안에 Rendering하여 보여준다.

Renderer

• Scene과 Camera의 객체를 받아서 카메라의 3D Scene의 일부를 2차원 평면 이미지로 렌더링.

Scene

• Light와 Mesh로 구성
• Scene Graph는 Mesh, Light, Group, Object3D, Camera로 이루어진 트리구조이다.
• Graph의 최상위 노드로 Fog, Background color등의 요소 포함.

Camera

Light

• 여러 종류의 광원.

Mesh (Object3D)

• Mesh = Geometry (형상 정의) + Material (색상 + 투명도)
• Geometry와 Material은 재사용이 가능하다.

Geometry

• 구, 정육면체 등 내장 객체를 통해 생성 가능
• 파일을 통해 가져와 형상 생성 가능

Material

• 색상, 투명도, 질감