learn GLSL from zero
ToolsCrea con shadersShader MakerCrea shaders gratis en líneaToolkitObras de shaders listas para tu webSketcher LabPinta el hero de tu landing con shaders3D StudioEl editor Three.js en tu navegador
GamesJuega con shadersOnomatoShaderEscribe una palabra y explótalaThe WatcherUn ojo que te sigueAetherVidrio líquido con un ojo adentroBloomcoreUna palabra hace crecer un jardín de luzPyrokineAvienta fuego a la paredVoltaicLa pirámide lanza rayosSurfSurfea un océano de shader

El curso de shaders

Nueve secciones de diez lecciones, en orden de dificultad. Empiezas con un color en pantalla y terminas con escenas 3D de ray marching y fractales.

  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.
close