TIL-2024.03.01 - Three.JS 기초

------- Three.JS 

 

기본 구성 요소

1) Scene(화면 구성 요소)  
 >  container that holds all the objects, lights, and cameras in a 3D environment. It serves as the canvas where you place your 3D elements.

2) Camera (카메라): 만들어진 scene을 camera에 담음
 >  The Camera determines the viewpoint through which you observe the scene.
 > There are different types of cameras, such as PerspectiveCamera and OrthographicCamera

3) Renderer(영화관): 결과물을 보여줌 
>  The Renderer is responsible for rendering the 3D scene onto the HTML canvas. It translates the 3D scene into a 2D representation that can be displayed in the browser.

4) 3D Object(Geometry and Material):
> Mesh represents a 3D object (MeshBasicMaterial), and Geometry defines its shape.
> You typically combine a geometry with a material to create a mesh.