WebGL - GLSL a lo macho alfa lomo plateado

#UPDATE 07/2023

•   Se corrigió los archivos de código fuente para que funcione en Firefox.

# Contenido

• Utilización de WebGL 2.0 con GLSL para la creación de aplicaciones 2D y 3D con el lenguaje JavaScript.

• WebGL 2.0 es equivalente a OpenGL ES 3.0, la cual los mismos conceptos explicados aquí puedes aplicarlo en otros lenguajes como Java , C# o incluso C++.

• Conocerás acerca de VBO , VAO , GLSL , FBO , Uniform que son conceptos clave propias de OpenGL que te permitirán crear tu propio motor utilizando JavaScript.

• El objetivo del presente curso es comprender todo el proceso de dibujado en la pantalla,  comenzando con la creación de buffers , utilización de los shaders , envío de datos uniform y operaciones con matrices 3x3 y 4x4.

• También realizaremos efectos básicos de Post-Procesamiento con ayuda del FBO. Pixel Effect y Inverse Color.

• Conoceremos el formato Obj (WaveFront) para cargar modelos 3D, formato sencillo que lo genera cualquier herramienta de edición 3D como Blender, 3D Max Studio, Maya , Etc.

• Sin librerías ni frameworks adicionales.

::: IMPORTANTE ::::

• Si buscas desarrollar rápidamente aplicaciones 3D con webgl te seguiero que revises algún framework como Three.js , Babylon , Phaser 3D ó motores sofisticados como Unity , Unreal.

• El presente curso está orientado a personas que deseen conocer el funcionamiento de bajo nivel de la tarjeta gráfica.

• Debes tener conocimiento de por lo menos un lenguaje de programación.