Shader Learn

13 Proyecto final

Raymarching: 3D solo con un shader de fragmentos

Sin triángulos. Cada píxel lanza un rayo que avanza por la SDF y colorea la superficie que alcanza.

4128
0.0010.6
-0.61.2
-3.143.14

Se ejecuta una vez por píxelArrastra los números o edita el código

Lado JSgl.uniform2f(uResolution, …, …) gl.uniform1f(uTime, 0.00)

Cada píxel lanza un rayo y usa la SDF para avanzar con seguridad hasta alcanzar una superficie: 3D sin un solo triángulo.

Pruébalo

  • Baja los pasos a 8: aparecen huecos en los bordes
  • Aumenta la fusión suave: la esfera y la caja se funden
  • Añade otra esfera en scene()