The Raymarching Playground uses React and WebGL. Users can connect nodes to create functions that represent the 3D geometry or the shading. The geometry is defined by a signed-distance field. The created object is rendered in real time using raymarching.
Geometry | Shading |
---|---|
![]() |
![]() |