Further explorations with crosshatch shading + raymarching. Adding RGB shift, shape morphing, and rotation to introduce more movement and variation into the effect.
More raymarching explorations — this time with mouse interaction.
Using the cursor to drive a fluid-like blend between two SDFs, creating a transition that feels organic and responsive rather than fixed.
A small dev tool I add to every site I build.
I recreate the design grid directly in the browser and use it throughout development to keep spacing, alignment, and proportions consistent with the original design. Simple, but makes getting from Figma → browser much more precise.
...
One of my favorite effects to create with GLSL/WebGL. By combining an image with depth and normal maps, you can simulate dynamic lighting that responds to the mouse position—adding a sense of depth and dimension to an otherwise static image. A simple interaction that can make an...
A breakdown of a crosshatch shading experiment I built for the web.
The scene is rendered in real time in the browser using raymarching, with the final look built up step by step:
— Calculate surface normals
— Add Lambertian shading and ambient lighting
— Use domain warping to...