Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
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 elementoscanvas HTML5. La compatibilidad para WebGL viene enFirefox 4 y se puede probar en lasbetas de Firefox 4 o entrunk builds. .
Nota:La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.
In this article
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.