WebGL이란, three.js란, pixi.js란

WebGL이란 무엇인가(+ HTML Canvas, WebGL 기초) (tistory.com)

WebGL이란 무엇인가(+ HTML Canvas, WebGL 기초)

WEB GL은 웹상에서 그래픽을 표현할 때 쓰는 라이브러리이다.

자바스크립트 언어로 쓰이며 2D와 3D 그래픽을 표현할 수 있다. 

WEB GL은 GPU를 이용해서 그림을 그리기 때문에 성능면에서 유리함이 있다. 

특히 웹상에서 3D로 그려지는 것들은 WEB GL로 그려졌다고 봐도 무방한데,

WEB GL API들 자체가 로우레벨이라서(개발시, 바닥부터 구현해야함) 작은 도형 하나를 그리려고 해도 꽤나 많은 코드가 작성되어야 한다. (생산성 측면에서 단점 존재)

 

three.js는 이러한 WEB GL을 쉽고 간편하게 사용할 수 있도록 도와주는 라이브러리이다.

위키백과 Three.js는 웹 브라우저에서 3차원 컴퓨터 그래픽스 애니메이션 응용을 만들고 표현하기 위해 사용되는 자바스크립트 라이브러리이자 API이다. 오픈 소스 프로젝트로 깃허브에서 공개되어 있다. 

3D 모델링 사이트들은 큰 용량의 데이터를 로드하다 보니, 대체로 로딩 시간이 필요하다. 3차원 그래픽을 웹상에 표현해줄 때 WEB GL three.js를 사용한다.

 

 

pixi.js는 PixiJS는 웹용 2D 그래픽 렌더링 라이브러리. 캔버스 API와 webgl API를 원래 FlashAPI로 대략 모델링한 간단한 장면을 그래프로 정규화하기 위해 MattGroves에 의해 만들어졌다. 그 주요 초점은 항상 성능에 있기 때문에 매우 빠르다. 주로 canvas2d 폴백이있는 webGL 렌더링 표면이다

PixiJS 공식 웹사이트: http://www.pixijs.com

PixiJS is a 2D Graphics Rendering library for the web.  It was created by Matt Groves to normalize the canvas and webgl APIs into a simple scene graph originally modeled loosely on the Flash API.  Its primary focus has always been on performance so that it is really fast.  Because of this it is primarily a webGL rendering surface with canvas 2d fallback. Official PixiJS Website: