Tutoral de WebGL

Antes de comenzar

Usar el elemento <canvas> no es muy difcil, pero se necesita una comprensin bsica de HTML y JavaScript. El elemento <canvas> y WebGL no son compatibles con algunos navegadores antiguos, pero s lo son con las versiones recientes de todos los principales navegadores. Para dibujar grficos en el lienzo, usamos un objeto de contexto de JavaScript, que crea grficos sobre la marcha.

En este tutorial

Primeros pasos con WebGL

Cmo configurar un contexto WebGL.

Agregar contenido 2D a un contexto WebGL

Cmo renderizar formas planas simples usando WebGL.

Uso de shaders para aplicar color en WebGL

Demuestra cmo agregar color a las formas usando shaders.

Animar objetos con WebGL

Muestra cmo rotar y trasladar objetos para crear animaciones simples.

Creacin de objetos 3D usando WebGL

Muestra cmo crear y animar un objeto 3D (en este caso, un cubo).

Usar texturas en WebGL

Demuestra cmo asignar texturas a las caras de un objeto.

Iluminacin en WebGL

Cmo simular efectos de iluminacin en su contexto WebGL.

Animacin de texturas en WebGL

Muestra cmo animar texturas; en este caso, mapeando un video Ogg en las caras de un cubo giratorio.