본문 바로가기

Computer/WebGL16

004. WebGL - Prac03 - DrawPoints, DrawLines, DrawTriangles. 이번에는 WebGL에서 기본적인 primitives(Point, Line, Triangle, Rectangle, Polygon etc)를 그리는 방법에 대해 알아보도록 하겠다. About WebGL에서 설명한 바와 같이 WebGL은 OpenGL ES 2.0을 기반으로 한다. 이는 이전 버전의 OpenGL API를 다루어본 사람에게는 중요한 사항인데, 그 이유는 OpenGL ES 2.0이 Programmable Pipeline를 지원한다는 점이다. 반면에 OpenGL ES 1.1은 Fixed Function Pipeline 만을 지원하며, 1.0 버전과 완벽한 호환이 가능하다. 하지만, 2.0버전 부터는 1.x 버전과의 완벽한 호환을 지원하지 않는다. 중요한 점은, OpenGL ES 2.0 부터는 더 이상.. 2010. 4. 5.
003. WebGL - Prac01 - Graphics의 HelloWorld인 ClearColor Graphics의 "Hello World"라고 생각되는 ClearColor(BackBuffer Clearing)를 통해 WebGL의 첫번째 예제를 작성해 보도록 하겠다. WebGL을 작성하기 위해서는 약간의 JavaScript와 OpenGL의 몇몇 API 정도만 알고 있으면 된다. Can't run WebGL JavaScript로 WebGL API 호출에 발생가능한 여러 예외 처리 코드를 모두 제외하고 아주 간단한 형태로 작성한 WebGL 프로그램이다. document.getElementById(...)의 인자로 들어가는 값과 2010. 4. 5.
002. WebGL - Environment Setting WebGL을 실행하기 위해서는, 1. WebGL대응 Web browser설치, 2. WebGL을 수행하기 위한 옵션설정 을 해 주어야 한다.(아직까지 MS InternetExplorer는 WebGL을 지원에대한 움직임을 보이지 않는다고 함.) FireFox 1. 다음의 링크에서 OS에 맞는 FireFox를 받아 설치한다. http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/ 2. 주소창에 about:config를 입력한다. 3. webgl.enabled_for_all_sites라는 항복의 boolean값을 true로 변경한다. Safari 1. 다음의 링크에서 Safari를 받아 설치한다. http://nightly.webkit.org.. 2010. 4. 5.
001. About WebGL http://www.khronos.org/webgl/에서, WebGL에 대한 정보를 얻을 수 있다. WebGL은, HTML5를 기반으로하는 OpenGL ES 2.0의 JavaScript바인딩이다. OpenGL ES 2.0 기반답게, Vertex Shader / Pixel Shader(or Fragment Shader)를 통한 GPU 가속이 가능하다는 것이 특징인데, 가장 중요한 것은 별도의 플러그인 없이도(Adobe Flash Player, Java Applet, MS ActiveX, 혹은 VRML 등과 같은 웹브라우저 플러그인) 웹페이지 상에서 3D 그래픽을 표현할 수 있다는 것이다. 이는 Ubiquitous computing environment 환경에서는 큰 장점으로 작용한다. 어느 컴퓨팅 환경이든.. 2010. 4. 5.

티스토리툴바