메모내용
Nav..

Three JS

Web 에서의 3차원 렌더링

3D 공간을 시뮬레이션 하기 위해서는 물리와 시각적인 부분에서 필요한 라이브러리가 p2.js 와 Three.js 이다.

p2.js 는 강체역학(rigid body dynamics) 에 기반한 자바스크립트 물리엔진 라이브러리 Three.js 는 3D 그래픽 렌더링을 위한 자바스크립트의 라이브러리 WebGL (Web Graphics Library) 말 그대로 웹 기반의 그래픽 라이브러리로 인터액티브 한 2D , 3D 그래픽 렌더링 API 를 제공해준다. JavaScript 언어의 일부이자 HTML5 캔버스 요소의 일부로써 호환되는 모든 웹 브라우저에 추가 플러그인 없이 동작하고, 자동 메모리 관리자가 제공되며, 대부분의 렌더링을 GPU 를 통해 효율적으로 수행할 수 있다. 하지만 WebGL 만을 사용해 2D , 3D 렌더링 그리고 그것을 응용해서 애니메이션을 구현하는 것은 상당히 높은 학습 곡선을 요구하고 학습이 완료되었더라도 높은 시간 비용을 요구하게 된다. Three.js 는 WebGL 보다 적은 양의 코드로 쉽게 편하게 쓸 수 있도록 모듈화한 레퍼(wrapper) 라이브러리라고 생각하면 된다.