버텍스 셰이더
-
웹지엘 ? WebGL ?? 기본원리-23D웹 프로그래밍/WebGl 2020. 11. 6. 17:37
웹지엘 그래픽 파이프라인 웹지엘 그래픽 파이프라인은 아래 순서와 같다. (웹 애플리케이션 HTML + CSS + 자바스크립트 + 셰이더 소스코드 + 3차원 모델링 데이터) ->웹지엘(자바스크립트 API) -> 버텍스 셰이더 -> 프리미티브 어셈블리 -> 레스터화 -> 프래그먼트 셰이더 -> 가위테스트 ->멀티샘플 프래그먼트 연산 ->스텐실 테스트 -> 깊이 버퍼 테스트 -> 블렌딩 -> 디더링 ->그리기 버퍼 이중 사실 웹지엘 프로그래머에게 가장 중요한 단게는 버텍스 셰이더와 프래그먼트 셰이더이다. 버텍스 셰이더 (웹 애플리케이션 HTML + CSS + 자바스크립트 + 셰이더 소스코드 + 3차원 모델링 데이터) ->웹지엘(자바스크립트 API) -> 버텍스 셰이더 -> 프리미티브 어셈블리 -> 레스터화 -..
-
웹지엘 ? WebGL ?? 기본원리 -13D웹 프로그래밍/WebGl 2020. 4. 27. 11:58
WebGL 웹지엘이란 웹상에서 고급 3D 그래픽구현에 필요한 응용 프로그래밍 인터페이스이다. 오픈지엘 ES 2.0을 기반으로 HTML과 자바스크립트를 이용해 ES와 유사한 렌더링 기능을 제공하며, 웹지엘의 렌더링 결 과는 애플에 의해 처음 선보여 웹킷 오픈소스 브라우저 엔진에 내장된 HTML5 캔버스 엘리먼트에 그려진다. 그래픽 API 설계 그래픽 API는 2개의 방법이 존재 웹지엘은 즉시 모드 API를 사용하고있음. 즉시 모드 API 즉시 모드 API는 장면(scene)에 변화 여부에 관계없이 매 프레임마다 전체 장면이 다시 그려진다. API를 노출하는 그래픽 라이브러리는 장면에 그려지는 내부 모델에 대한 어떠한 정보도 유지하지 않는다. 대신에 애플리케이션이 메모리에 해당 정보를 유지하며, 이는 애플리..