WebGL - GLSL a lo macho alfa lomo plateado

🌟 WebGL - GLSL a lo Macho al Lomo Plateado: Conceptos Esenciales de WebGL sin Librerías ni Frameworks, Utilizando Solo JavaScript 🎓

#Actualización 07/2023

• Corrección de Compatibilidad: Se han corregido los archivos de código fuente para asegurar la funcionalidad en Firefox. ✅

#Contenido del Curso

Este curso está diseñado para llevarte por la mano a través de los conceptos fundamentales y las técnicas necesarias para dominar WebGL con GLSL utilizando solo JavaScript. Aquí te presentamos el itinerario que te convertirá en un experto:

1. Introducción a WebGL 2.0: Aprenderás cómo integrar WebGL 2.0 con GLSL en tus aplicaciones JavaScript para la creación de aplicaciones tanto 2D como 3D. 🎮

2. Comparativo con OpenGL ES 3.0: Entenderás que los conceptos que aprenderás en este curso son transferibles a otros lenguajes como Java, C# o C++, ya que WebGL 2.0 es equivalente a OpenGL ES 3.0. 🔄

3. Estructuras de Datos en WebGL: Profundizarás en el uso de VBO (Vertex Buffer Object) y VAO (Array Buffer Object), y cómo estos se complementan con GLSL para la creación de gráficos dinámicos. 📊

4. Comprender matrices y transformaciones: Te familiarizarás con las operaciones de matrices 3x3 y 4x4, esenciales para manipular y visualizar escenas en 3D. 🧮

5. Efectos Post-Procesamiento: Implementarás efectos visually atractivos como el Pixel Effect y Inverse Color utilizando un FBO (Frame Buffer Object). 🖼️

6. Trabajo con modelos 3D: Descubrirás cómo cargar y visualizar modelos 3D mediante el formato Obj (WaveFront), compatible con herramientas de edición 3D populares como Blender, 3D Max Studio, Maya, etc. 🏗️

7. Desarrollo Sin Dependencias Externas: El enfoque principal de este curso es enseñarte a trabajar con WebGL puro y JavaScript, sin la necesidad de librerías o frameworks adicionales. 🚀

:::IMPORTANTE:::

• Rápido Desarrollo de Aplicaciones 3D: Si tu objetivo es crear aplicaciones 3D rápidamente, te recomendamos explorar frameworks como Three.js, Babylon.js, o motores avanzados como Unity o Unreal. Estos herramientas están diseñadas para facilitar el desarrollo de aplicaciones 3D con WebGL.

• Objetivo del Curso: Este curso está pensado para personas que desean conocer el funcionamiento de bajo nivel de la tarjeta gráfica y tienen experiencia en al menos un lenguaje de programación. Con esta formación, podrás desarrollar tus propios motores gráficos o entender cómo funcionan los que ya existen. 🛠️

Al final de este curso, estarás equipado con un amplio conocimiento del proceso de dibujado en pantalla, desde la creación de buffers hasta el uso de shaders y operaciones matemáticas avanzadas, listo para llevar tus habilidades a un nivel profesional. 🎓✨