01 / 25·WebGL & 3D
KILN
Stoneware studio. A vessel thrown on the wheel as you scroll.
About the work
The site for a fictional stoneware studio where the hero is a three.js vessel built from a custom lathe profile. Scrolling re-throws the pot in real time — the silhouette morphs between five thrown forms while a kiln-firing curve charts the chapter you are reading.
How it was made
The vessel began as a hard-coded profile and went through three passes: first the camera and caption collisions were fixed, then throwing ridges were dialed down from caricature to craft, and finally the mobile framing was recomposed so the pot no longer swallowed the viewport.
Like every work in the exhibition, it passed three full iteration passes — a visual critique, a deepening pass, and a QA pass at 390px with reduced motion and zero console errors — and documents itself in its own build guide.
Key features
- Custom BufferGeometry lathe morphed live by scroll position
- Throwing-ridge displacement tuned like real wheel work
- SVG kiln schedule that scrubs cone-by-cone with the page
- Difference-blend header that stays legible over glaze and clay
Technology
- three.js
- GSAP ScrollTrigger
- Custom geometry
- SVG
In its own light
