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

GLSL para principiantes

Diez lecciones desde cero. Un color son tres números, cada pixel conoce sus coordenadas y el tiempo lo mueve. La última lección es un túnel de luz.

  1. Hola, luzTu primera pieza. Un color. Millones de puntos de luz.
  2. Los tres númerosRojo, verde, azul. Así se hace cualquier color.
  3. MezclarTres operaciones. Control total.
  4. Las coordenadasCada frag sabe dónde está.
  5. El gradienteUna posición controla un color. Ya está, eres artista.
  6. El centroEl punto de origen de cada shader.
  7. El relojT es el tiempo. Tu primera variable en vivo.
  8. La ondasin() de la posición. Patrones con una función.
  9. El glowDistancia al centro. exp() hace el resto.
  10. El túnelJunta todo. 1/distance. Todo lo que aprendiste en un solo output.

Siguiente sección: Patrones en shaders →

close