What you'll learn:
- Conocer la programación gráfica desde raíz
- Conocer y programar Shaders con el lenguaje GLSL
- Conocerán los conceptos de VBO , UNIFORM , VAO , FBO
- Implementar WebGL con Javascript
#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.
