WebGL - GLSL a lo macho alfa lomo plateado

Conceptos esenciales de WebGL sin librerías ni frameworks, utilizando solo JavaScript

WebGL - GLSL a lo macho alfa lomo plateado
WebGL - GLSL a lo macho alfa lomo plateado

WebGL - GLSL a lo macho alfa lomo plateado free download

Conceptos esenciales de WebGL sin librerías ni frameworks, utilizando solo 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.