FrontEngineer JungBam

three.js는 어떻게 동작하는걸까? 본문

three.js

three.js는 어떻게 동작하는걸까?

정밤톨 2023. 9. 12. 23:22

 기본적인 three.js는 애플코딩 강의를 통해 이해를 해보자.

 

 간단하게 화면을 어떻게 3D로 보여주는지 설명해보면 3D 장면에 대한 이해가 필요하다. 3D 장면은 크게 3가지로 구성이 된다.
1. 3D 모델     2. 조명     3. 카메라
 눈치가 빠른 사람이라면 딱 알았겠지만 3D모델은 우리가 보여줄 3D를 말하는 것이고 조명은 말 그대로 조명을 이야기 하고 카메라는 내가 보는 위치를 이야기 한다. 이런 세가지를 어떻게 구현을 하느냐..
 html5에 도입된 canvas라는 친구가 있다.(회사 프로젝트를 진행하면서 그래프를 그릴때에 사용한 적이 있고 예전 게임을 만들때에도 사용한 적이 있어서 왠지 친근하게 느껴지는 이 친구...) 이 canvas에 그려주는 것이다.
 어떻게 그리는지는 아래 강좌를 통해서 간단하게 접해보면 될 것 같다. javascript와 three.js를 활용한 3D 멍멍이를 그려주는 것인데 처음 해보는 작업이어서 신기했다.

애플코딩 : three.js 강좌

 

반응형
Comments