본문 바로가기

Computer/WebGL16

012. WebGL - GWTGL - GWT 기본 현재 글을 작성하는 시점에서 gwtGL의 최종 버전은 2011년 03월 21일에 릴리즈된 GwtGL Release 0.3이다. 잠깐 사용해 본 결과 몇 가지 작은 문제가 발견되었기 때문에 다운 조금 수정하여 사용해야 한다. http://code.google.com/p/gwtgl/에서 gwtGL에 대한 튜토리얼과 라이브러리를 다운 받을 수 있다. GwtGL을 사용하기 위해서 갖춘 환경은 아래와 같다. JDK1.6.0_24 Eclips3.6(Helios) Google Plugin for Eclipse 3.6 Google App Engine Java SDK 1.5.0 (옵션) Google Web Toolkit 2.3.0 우선 JDK과 Eclipse가 준비 되었으면 Google Web Toolkit Downlo.. 2011. 5. 25.
011. WebGL - GwtGL - About GwtGL WebGL에 대한 첫 학습인 001-About-WebGL을 작성한지 1년 정도가 지났다. 그 당시 WebGL에 흥미를 갖고 몇 가지 예제를 따라해 보면서 느낀 점은 첫째 javascript로 WebGL 프로그램을 작성하는 것은 아주 불편하다는 점, 둘째 디버깅은 더욱 불편하다는 점, 마지막 셋째 2011.02.11일 최종적인 WebGL 1.0 Specification이 나올 때 까지 조금씩 변하는 몇몇의 함수와 상수값들로 인해 기존에 작성한 코드가 정상적으로 동작하지 않는 문제 등 이다. 지금 정도면 WebGL이 많이 안정이 되었다고 생각한다. 문제는 WebGL이 "JavaScript binding for OpenGL ES"(현재는 OpenGL ES 2.0) 라는 점이다. javascript에 익숙하지도.. 2011. 5. 11.
010. WebGL - Prac09 - Text Rendering WebGL을 이용하여, Text Rendering을 하는 것은 JavaScript의 지식을 비교적 많이 필요로 한다. 그 외에는 WebGL의 사각형에, JavaScript로 렌더링된 Text 이미지를 텍스쳐링하는 것만 수행하면 된다. Windows platform에서 OpenGL의 wgl을 이용하여 text를 렌더링해본 경험이 있다면, 혹은 glut를 이용하여 text를 렌더링해본 경험이 있다면, WebGL에서의 방법은 비교적 복잡한 코드 구조를 만들어 내는 것에 거부감을 느낄지도 모르겠다. 하지만, 이 방법은 OpenGL에서 동적 text를 렌더링 하는 유일한 방법으로(효율성을 제외) 생각되므로 소개하도록 하겠다. 기본 원리는 OpenGL/wgl의 wglUseFontBitmaps(...);를 이용한 방.. 2010. 4. 19.
009. WebGL - Prac08 - Texture 이번에는 WebGL에서 Geometry에 Texture를 입혀보는 예제를 소개하도록 하겠다. Local System에서 작동되는 OpenGL 프로그램에서의 Texture로딩은 Local Disk에 저장되어 있는 Image 파일을 읽어들여 사용함을 잘 알고 있을 것이다. 그렇다면, Web상에서 작동하는 WebGL은 어떻게 Texture를 로딩할 것인가? 답은 Local System에서의 방법과 큰 차이가 없다는 것이다. Local System에서, Image 파일을 읽기 위해서는 그 파일의 경로(Local Disk상에서의 경로)를 알고 있어야 한다. 비슷하게 WebGL에서는 Image 파일의 Web상의 경로(절대경로 혹은 상대경로)를 알고 있으면 된다. 그리고 JavaScript의 Image객체를 사용하여.. 2010. 4. 10.