WebGL

by 2 contributors:

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

Etiquetas y colaboradores del documento

Etiquetas: 
Contributors to this page: teoli, inma_610
Última actualización por: teoli,