1. 3D 기초

• Scene
• Camera
• Renderer

2. scene

scene은 보여지는 화면을 의미한다. 그림을 그릴 도화지(컨테이너)라고 생각하면 된다.

3D 세계에서의 객체들, 빛 그리고 그 외 모든 것들이 배치되는 공간이다.

const scene = new THREE.Scene();

3. camera

위 scene을 어떤 시점에서 관찰할지 결정한다. 비유하자면 그림을 어떤 각도에서 보냐와 비슷하다.

const camera = new THREE.PerspectiveCamera(
  75, 
  window.innerWidth / window.innerHeight, 
  0.1, // near : 이 값보다 가깝거나
  1000 // far : 이 값보다 멀어지면 화면에서 보이지 않는다.
);

PerspectiveCamera의 argument에서 순서대로

• FOV (field of view) : 특정 순간에 디스플레이에 표시되는 장면의 범위