Nicolas Garcia Belmonte (@philogb)
Luz Caballero (@gerbille)
What is WebGL?
It can be used on desktops in Opera, Firefox, Chrome, and Safari. In mobile it can be used in Opera and Firefox.
1. Create a canvas element:
<canvas id=”c” width=”100″ height=”100″></canvas>
2. Grab the element:
What can WebGL be used for?
Data visualization, creative coding, art, 3D design environments, music videos, plotting math functions, 3D modeling of objects and space, creating textures, and fast processing of any data.
http://operasoftware.github.com/Emberwind (HTML5 Game)
How does WebGL work?
Vexter Shader > Triangle Assembly > Rasterization > Fragment Shader (Fog effects and lighting effects)
Getting started with WebGL
The main element of a 3D scene are the objects/models. These objects are created out of the vertices dynamically or uploaded from a model created from a 3D software.
Choosing a library:
- Three.js: Largest and most popular. It has a very large community. You can import from many different formats.
- GLGE: Animated textures.
More about PhiloGL
Most people think a WebGL app is a huge app that takes over the entire HTML screen through a canvas. But why? It can just be a simple enhancement to accent other HTML elements.
- Rich Module System: Core, Math, WebGL, program, Shaders, O3D, Camera, Scene, Event, Fx, IO, Workers, Media
- Flexible and Performance Focused
- Complete documentation