김현빈의 개발새발

Three.js를 사용하여 3D 그래픽이나 애니메이션을 구성하기 위해서는 먼저 Three.js의 기본 구성 요소와 원리에 대해 이해해야 한다고 생각한다.그렇기 때문에 오늘은 3D 그래픽을 구성하는 기본 요소들에 대해 알아보도록 하겠다. 1. Scene (장면)Scene은 3D 그래픽을 구성하는 기본적인 공간이나 무대라고 할 수 있다. Three.js의 모든 랜더링 객체가 포함되는 요소다.const scene = new THREE.Scene(); 이런식으로 빈 Scene 객체를 생성하여 3D 모델, 조명, 카메라 등 다양한 요소들을 포함시킬 수 있다.  2. Camera (카메라)Camera는 단어 뜻 그대로 Scene 내의 객체들을 어떻게 볼 것인지를 정의한다. Three.js에서 주로 사용하는 카메라는..

오늘은 Three.js 라이브러리에 대한 기본 개념을 공부해보려고 한다. 먼저 Three.js란 무엇인지 알아보자. Three.js란 웹 브라우저에서 3차원 그래픽 애니메이션을 쉽게 만들고 표현하기 위해 사용하는 자바스크립트 라이브러리이자 API이다. 복잡한 3D 애니메이션, 게임, 시각화 등을 웹 페이지에 구현할 수 있도록 해준다. 간단 말하자면, 웹 페이지에 복잡하거나 역동적인 3D 화면을 구성하기 위해 사용하는 요소라고 생각하면 된다. 위의 사진처럼 캐릭터나 사물들을 만들거나 불러와서 이를 화면에 배치하고 역동적인 움직임이나 세련된 디자인과 구성을 통해 사용자에게 좋은 인상을 남겨줄 수 있다.  사진처럼 Three.js를 이용하여 만든 다양한 웹 페이지를 경험하고 싶다면  https://threej..