WebGL

WebGL로 구현된 폭포수 3D모델링

WebGL로 구현된 폭포수 3D모델링

WebGL을 기반으로 THREE.js 라이브러리를 통해 구현한 폭포수 3D를 구현한 것입니다. 데모: http://html5lab.kr/opensrc/waterfall/ 안개도 폭포가 떨어질때 구현되어 있으니 WebGL을 공부하시는 분들은 참고하세요.  Read more
PC/모바일용 HTML5기반 게임프레임웍 Phaser

PC/모바일용 HTML5기반 게임프레임웍 Phaser

관련 사이트: http://phaser.io/ Phaser는 모바일 및 PC용 HTML5기반으로 만든 2D게임 프레임웍입니다. pixi.js를 사용하여 Canvas나 WebGL렌더링도 지원가능합니다. 다양한 샘플예제가 있어 관심이 있는 분들은 참고하면 좋을 것 같습니다. 라이선스는 MIT입니다. 샘플 예제…Read more
WebGL기반 파도 시뮬레이션

WebGL기반 파도 시뮬레이션

관련 사이트: http://david.li/waves/ HTML5에 관심이 있는 분들이라면 WebGL관련 구현이 어디까지 되는지 궁금한 분들이 많을 것같은데 이정도까지 구현된다는 것을 예로 보여줄 수 있는 것이 있어 소개합니다.   Ocean Wave Simulation은 WebGL 기반으로…Read more
WebGL기반의 브라우저의 3D구현 가능성

WebGL기반의 브라우저의 3D구현 가능성

브라우저에서 3D를 구현하기 위한 표준사양인 WebGL이 마이크로소프트사의 Internet Explorer 11에서 정식지원하기로 함에 따라 앞으로 점점 3D로 구현된 사이트나 3D웹게임이 증가할 것으로 예상되어 몇가지 멋진 3D구현 사이트를 소개합니다.SculptGL관련 사이트: http://stephaneginier.com/sculptgl/WebGL을 통해…Read more

SVG, Canvas로 3D를 구현한 데모 – Flat Surface Shader

관련 사이트: http://wagerfield.github.io/flat-surface-shader/   SVG, Canvas로 구현된 3D 데모입니다. 새로운 가능성을 보여주는 것으로 WebGL을 사용하지 않고 구현했다는 것에서 의미가 있다고 봅니다. 아직 WebGL을 대응하지 않는 브라우저가 많은 가운데 Canvas로 3D를…Read more

왜 WebGL이 좋을까?

기사원문: http://codeflow.org/entries/2013/feb/02/why-you-should-use-webgl/   WebGL은 무엇인가? WebGL은 웹용 OpenGL ES 2.0으로 JavaScript로 프로그래밍합니다.   OpenGL 없이 실행됩니까? 네, WebGL은 OpenGL없이 동작합니다. Angle 라이브러리 가 아래와 같은 기술을 사용하여 WebGL을 실행해 줍니다. Desktop…Read more

3D모델링 – 3DTin

관련 사이트: http://www.3dtin.comWebGL이 지원되는 브라우저에서 사용할 수 있는 3D모델링 도구로 2010년전에 봤던 곳인데 최근 기능들이 최근 크게 업그레이드되어서 소개합니다.Read more