본문 바로가기

Computer125

Javascript - SphereMesh, CubeMesh function createBox(vertData, idxData){ var s=500; vertData.push(-s, s, -s); vertData.push( s, s, -s); vertData.push(-s, -s, -s); vertData.push( s, -s, -s); vertData.push(-s, s, s); vertData.push( s, s, s); vertData.push(-s, -s, s); vertData.push( s, -s, s); idxData.push(0, 2, 1);//Front idxData.push(1, 2, 3); idxData.push(4, 5, 6);//Back idxData.push(5, 7, 6); idxData.push(0, 4, 2);//Left idxDat.. 2010. 9. 6.
GPU based Geometry Clipmap 아래는 GPU Based Geometry Clipmaps라는 논문을 구현해본 결과이다. 속도도 빠르고 품질도 괜찮기는 하지만 본 내용을 구현하기 위해서는 여러가지 꼼수(?)들을 많이 사용해야 한다. ( 자세한 내용은 논문 참조 ) 4096x4096 Height map & 4096x4096 Color texture 8192x8192 Height map 2010. 6. 10.
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.