WebGL

WebGL trae gr谩ficos en 3D para la Web mediante la introducci贸n de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos canvas HTML5. La compatibilidad para WebGL viene en Firefox 4 y se puede probar en las betas de Firefox 4 o en trunk builds. .

Nota: La especificaci贸n para WebGL se encuentra todav铆a en fase de borrador y sujeta a cambios.

Temas sobre desarrollo

Primeros pasos con WebGL
C贸mo crear un contexto WebGL.
Adici贸n de contenido 2D a un contexto WebGL
C贸mo representar formas planas sencillas utilizando WebGL.
Uso de sombreadores para aplicar color en WebGL
Muestra c贸mo agregar color a las formas mediante sombreadores.
Animaci贸n de objetos con WebGL
Muestra c贸mo rotar y trasladar los objetos para crear animaciones sencillas.
Creaci贸n de objetos 3D utilizando WebGL
Muestra c贸mo crear y animar un objeto 3D (en este caso, un cubo).
Uso de texturas en WebGL
Muestra c贸mo asignar texturas a las caras de un objeto.
Iluminaci贸n en WebGL
C贸mo simular efectos de iluminaci贸n en tu contexto WebGL.
Animaci贸n de texturas en WebGL
Se muestra c贸mo animar texturas, en este caso, mediante la asignaci贸n de un v铆deo Ogg a las caras de un cubo que gira.

Recursos

Especificaci贸n WebGL (Borrador de trabajo)
El borrador de la especificaci贸n WebGL.
Sitio de Khronos WebGL
El sitio web principal de WebGL en el Grupo Khronos.
Aprender WebGL
Un sitio con tutoriales sobre c贸mo usar WebGL.
La gu铆a pr谩ctica de WebGL
Un sitio web con recetas muy 煤tiles para escribir c贸digo WebGL.
Sylvester
Una biblioteca de c贸digo abierto para la manipulaci贸n de vectores y matrices.
Planeta WebGL
Un agregador de RSS para las personas que pertenecen a la comunidad WebGL.

Compatibilidad de los navegadores

Navegador Compatibilidad b谩sica .getContext(context)
Internet Explorer --- ---
Firefox (Gecko) 4.0 (2) experimental-webgl
Opera --- ---
Chrome 9 experimental-webgl
Safari 6 (en Safari nightlies) experimental-webgl