Aprende GLSL gratis, desde cero

WoGL Academy enseña fragment shaders en 90 lecciones interactivas. Editas código en vivo en tu navegador y la luz cambia mientras escribes. Nada que instalar, nada que romper.

¿Qué es un shader?

Un shader es un programa pequeño que corre en tu tarjeta gráfica y decide el color de cada pixel al mismo tiempo. Un fragment shader, escrito en GLSL, recibe la posición de un pixel y devuelve su color.

Las nueve secciones

1. GLSL para principiantesColor, coordenadas y tiempo, del primer pixel a un túnel de luz.
2. Patrones en shadersRayas, grids, coordenadas polares, espirales, espejos y placas de Chladni.
3. Fuerzas en un shaderEl tiempo aplicado a las coordenadas: gravedad, viento, vórtice, turbulencia, ondas.
4. Ruido en GLSLDel azar en bruto al FBM, el terreno y una esfera de ruido.
5. Domain warpingUn warp, muchas pieles: jirafa, camuflaje, madera, mármol, metal líquido.
6. Animación en shadersRespiración, desfase, easing, morphs, flow fields y el loop perfecto.
7. Atractores extraños en la GPUEl atractor de Aizawa: una ODE, Euler y 130,000 partículas en la GPU.
8. Ray marching en GLSL3D con distancias: rayos, SDF, normales, luz, sombras y materiales.
9. Fractales en GLSLz = z² + c: el plano complejo, el color de escape, Julia y el zoom profundo.

Construye con WoGL

• Sketcher LabPinta el hero de tu landing con pinceles de shaders y llévatelo como WebGPU en vivo o como prompt para tu IA.
• Shader MakerConvierte un shader vivo en el tuyo y copia su código.
• ToolkitObras de shaders por familia, cada una con su GLSL, listas para tus proyectos.

Vibe coders: no necesitas aprender código para poner shaders en tu web. Aquí te enseñamos cómo.