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

Animación en shaders

El movimiento es tiempo usado a propósito. Construyes respiración, desfases, easing elástico, morphs, flow fields y un loop perfecto.

  1. BreatheEl círculo respira. La sombra crece con él.
  2. Capas driftCuatro planos a velocidades distintas. Profundidad geométrica.
  3. DesfaseCada diamante arranca en su propio tiempo. Ola mexicana.
  4. ElasticSe pasa, rebota, se asienta. Cuadrado de gelatina.
  5. MorphCírculo muta en hexágono. La forma no se decide.
  6. Flow fieldCada triángulo gira a su velocidad. Cada esquina su ley.
  7. OsciladoresTres anillos que nunca se sincronizan. Movimiento infinito.
  8. Loop perfectoTriángulo en órbita perfecta. El loop que nunca corta.
  9. RhythmEl hexágono late. Pico y descanso. Corazón, no metrónomo.
  10. Tu movimientoCombina todo. Tu coreografía de figuras.

Siguiente sección: Atractores extraños en la GPU →

close