◊ /lab — Playground

3D Lab: Three.js demos

Three isolated Three.js / R3F demos. Everything is shader-based or geometry-based, no texture loaded. Touch the sliders, the effect is instant. The same approach drives the planet on the home page; technical write-ups land on the blog.

The lab is where I test interface ideas before bringing them into a real project: WebGL animations, data visualisations, scroll effects. If your team builds that kind of experience, let's talk.

◊ 01

Procedural planet

Shader-based sphere — 5-octave fbm for continents, polar caps, fresnel atmosphere, wrap-Lambert for soft terminator. No texture, everything computed on GPU.

◊ 02

Noise field

Ortho plane with fragment shader — 2D fbm with configurable octaves, time drift, color ramp and soft vignette. The pattern shifts dramatically with frequency.

◊ 03

Particle attractor

1500 points with inverse-square attraction toward the cursor. Minimal shader for the twinkle, Newtonian friction, soft bounds. Toggle attract / repel.