Creative coding explorations: WebGL, Three.js, shaders, and interactive graphics. More experiments coming as they get built.
Stacked semi-transparent rectangles with a front-to-back color gradient and radial glow, creating the illusion of depth through layered light. Drag to tilt.
Ten layered rings create the illusion of a single 8 floating in 3D space. Front layers react more to the tilt, back is the anchor. Drag to tilt.
Perlin noise drives a grid of line segments into organic, fingerprint-like waves. Move your cursor to disturb the field. Toggle to particle mode to watch them flow.
A displaced 3D sphere sculpted with layered FBM noise. Three.js + vertex displacement creating a dark, organic rock-like surface with real-time lighting.
Interactive cubic-bezier curve editor. Drag handles, tweak values, pick a preset, preview your easing on a live animation, and copy the CSS.
Letter-by-letter animation studio. Control opacity, translate, scale, rotate, blur, stagger and easing with a live preview window.
3D Three.js organic blob with layered FBM noise deformation, drag-to-orbit controls, palette switching, and panic mode.
2D WebGL blob renderer with real-time SDF shape morphing, swirl color mixing, halo glow layers, and per-frame PNG export.
