본문 바로가기
JavaScript

[Three.JS]소개글

by hans-j 2023. 5. 31.

Three.JS는  미스터 둡..(Mr.doob)씨가 개발한 JS 라이브러리.

 

이것은 3D오브젝트들을 브라우저에서 직접적으로 컨트롤할 수 있도록 한다.

 

쉽게말해서, HTML5 캔버스안에서 WebGL을 사용할 수 있다는 소리.

 

별로안쉽네 (WebGL은 웹 기반의 그래픽 라이브러리로써, 2D/3D 그래픽 렌더링을 가능하게해주는 API)

https://ko.wikipedia.org/wiki/WebGL

 

Three.JS의 다른 좋은 점은 추가적인 플러그인 설치가 필요 없다는 것!!

 

 

작동은 어떻게 할까? (2D,3D를 조절하기 위해서 필요한 것)

 

1.Scene

 

2. Meshes

 

3. Camera

 

4. Rendering Engine (Octane이나 Redshift같은 툴을 의미함)

 

2D/3D 씬을 구성하고  있는 속성들 (출처는 아래 웹사이트)

 

 

 

참고 사이트

 

https://www.jesuisundev.com/en/understand-threejs/#:~:text=ThreeJS%20is%20a%20library%20in,2D%20and%203D%20graphic%20rendering.

 

Understand 3D in Javascript (ThreeJS) in 5 minutes

ThreeJS allows you to do incredible things in 3D with a little knowledge in Javascript. It's as simple as it sounds.

www.jesuisundev.com