Iridescent crystal with raymarching and signed distance fields
Building an iridescent crystal in a single fragment shader — raymarching and signed distance fields explained step by step, from a hand-rolled marching loop through surface normals, Blinn-Phong and iridescent lighting, to a crystal folded out of a plane, using off-the-shelf stackgl GLSL modules.
Reactions (1)
Similar products
by description similarity
Paper's Heat Map Shader
app.paper.designPaper is a new design tool.
An interactive 3D WebGL globe that visualizes real-time daylight cycles. Built with Globe.gl and pre-processed spatial data pipeline.
Curved Space Shader in Three.js (via 4D sphere projection)
A zero-to-hero
github.comspaced-repetition guide to WebGL2 and GLSL
Three.js recently introduced TSL (Three.js Shading Language), a way to write shaders in pure JavaScript/TypeScript that compiles to both GLSL and WGSL.