Raymarching Procedural Terrain and Metaballs in WebGL

László Szécsi

Budapest University of Technology and Economics

FRI 13:00 – 15:40

 

The workshop explores techniques to render detailed geometries in a single full-viewport GLSL shader pass, displayed on a web page in a browser. No JavaScript skills are required, but some familiarity with GLSL is assumed. Participants warm up with sphere tracing simple and self-similar geometries. Then, we ray-march animated, environment mapped metaballs to display a morphing blob of mercury. Next, we visualize height-map terrains, but then move on to procedural noise to navigate true 3D formations. Participating media is added for enhanced perception of depth.

MartinRaymarching Procedural Terrain and Metaballs in WebGL