02-2. 레이어 쌓기, Mesh

WebGL 튜토리얼 목록

추상화

앞선 튜토리얼에서는 WebGL의 API를 사용하여 화면에 직사각형을 그려 보았습니다. 이와 같은 방식으로 복잡한 수백만 개의 모델을 렌더링하는 것도 가능은 합니다만… 과연 이것이 좋은 전략일까요?

• #webgl

WebGL 소개, 스택, OpenGL과 비교

WebGL 기본 튜토리얼 보러가기

• #webgl

01. Display (Canvas, Viewport)

WebGL 튜토리얼 목록

OpenGL이나 DirectX와 같은 그래픽 라이브러리는 화면을 출력할 window를 OS에게 요청합니다. 그러나, WebGL은 HTML Canvas element를 사용하기 때문에 canvas의 rendering context를 불러오는 것으로 간단히 화면을 생성할 수 있습니다.

• #webgl

00. 작업환경 설정

WebGL 튜토리얼 목록

이 튜토리얼 시리즈는 WebGL 2.0 버전을 기반으로 하고 있습니다. 또, 개발 과정에서 Typescript와 webpack을 사용하고 있습니다.

• #webgl