728x90 반응형 threejs2 [Webgl] webgl을 이용한 삼각형 만들기 WEBGL을 이용하여 삼각형을 만들어보자 index.html index.html 파일을 생성하고 그안에 body와 canvas를 만들자. webgl은 canvas안에 그림을 그린다. body 태그안에 정의한 onload이벤트 핸들러는 webglstart()메서드를 호출한다. 현재는 webglstart함수가 없기에 에러가 뜰것이다. onload이벤트는 유저가 브라우저를 통해 웹 페이지에 진입하고 모든 소스 코드의 내용을 완전히 로딩하면 onload이벤트를 시작한다. canvas안에 id 값을 넣어줌으로써 자바스크립트 코드로 접근이 용이하도록 만들어 놓는다. script문을 열고 webglstart 함수를 생성! document.getElementById를 통해 일전에 canvas에 넣어놓았던 id값을 가져.. 2020. 11. 10. 웹지엘 ? WebGL ?? 기본원리 -1 WebGL 웹지엘이란 웹상에서 고급 3D 그래픽구현에 필요한 응용 프로그래밍 인터페이스이다. 오픈지엘 ES 2.0을 기반으로 HTML과 자바스크립트를 이용해 ES와 유사한 렌더링 기능을 제공하며, 웹지엘의 렌더링 결 과는 애플에 의해 처음 선보여 웹킷 오픈소스 브라우저 엔진에 내장된 HTML5 캔버스 엘리먼트에 그려진다. 그래픽 API 설계 그래픽 API는 2개의 방법이 존재 웹지엘은 즉시 모드 API를 사용하고있음. 즉시 모드 API 즉시 모드 API는 장면(scene)에 변화 여부에 관계없이 매 프레임마다 전체 장면이 다시 그려진다. API를 노출하는 그래픽 라이브러리는 장면에 그려지는 내부 모델에 대한 어떠한 정보도 유지하지 않는다. 대신에 애플리케이션이 메모리에 해당 정보를 유지하며, 이는 애플리.. 2020. 4. 27. 이전 1 다음 728x90 반응형
