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 con navegadores
api.WebGLRenderingContext
BCD tables only load in the browser
api.WebGL2RenderingContext
BCD tables only load in the browser