브라우저 3d 렌더링 (1) 썸네일형 리스트형 [Three.js] 0. WebGL 와 Three.js 의 관계 WebGL( Web Graphics Library 의 약자)은 플러그인을 사용하지 않고 호환되는 모든 웹 브라우저에서대화형 2D 및 3D 그래픽을 렌더링하기 위한 JavaScript API입니다. 대부분의 최신 브라우저와 호환되며, 방문자의 GPU(그래픽 처리 장치)를 사용하기 때문에 속도가 빠릅니다. GPU는 수천 개의 병렬 계산을 수행할 수 있습니다.3D 모델을 렌더링하고 싶은데 이 모델이 1000개의 삼각형으로 구성되어 있다면, 모델을 렌더링하려면 GPU가 3000개의 점의 위치를 계산해야 합니다.GPU는 병렬 계산을 할 수 있기 때문에 모든 삼각형 점을 하나의 원시 데이터로 처리합니다. 모델의 포인트가 배치되면 GPU는 해당 삼각형의 보이는 각 픽셀을 그려야 합니다. 이때도 GPU는 수천, 수만 .. 이전 1 다음