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

Ray marching en GLSL

El ray marching dibuja 3D con distancias. Por cada pixel, un rayo avanza hasta tocar una forma. Pasas de un rayo a una escena iluminada con normales, sombras y materiales.

  1. El rayoUna cámara, un rayo por pixel. El cielo es su dirección.
  2. La esferaUn SDF: una fórmula que mide qué tan lejos está la superficie.
  3. La marchaEl rayo da saltos seguros. Aquí ves cuánto le cuesta llegar.
  4. NormalesHacia dónde apunta la superficie. El mapa de orientación.
  5. LuzDifusa: la cara que mira a la luz se prende.
  6. El pisoUn plano + min(). Dos formas viven en la misma escena.
  7. SombraOtro rayo hacia la luz. Si choca, hay sombra.
  8. Dos formassmin(): dos esferas que se derriten en una.
  9. MaterialColor por posición + un brillo especular nítido.
  10. Escena completaTodo junto + la luz orbita con el tiempo. FINALE.

Siguiente sección: Fractales en GLSL →

close