McLeuker · AI fashion workspace
Three surfaces.
One studio.
A film and three pages. Every effect below is the real mechanic from the real product page, rebuilt as self-contained HTML with no framework and no CDN — and driven by the real images and clips this platform produced.
The showreel · 2:50 · 16:9
Three surfaces, one studio.
Thirteen scenes on one playhead — transport bar, chapters, scrubbing, keyboard control. Every effect runs live rather than as a screen capture, so it can be recorded at any resolution.
01 · Page
Virtual Try-On
Upload a garment, see it worn. A scrubbed film, a parallax rail, and a slab that turns over.
02 · Page
Fashion Collection
One brief in, a whole collection out. A camera flown through a rack of real looks.
03 · Page
Product Campaign
One photo in, four ad-ready images out. Scatter → converge, and a turntable stage.
The three effects
- 01 — scrubbed film + parallax rail + the flip slab
- 02 — camera fly-through a rack of looks
- 03 — scatter → converge assembly
How it is built
One rAF-throttled listener publishes progress; every section subscribes and writes straight to the DOM. No framework, no CDN, no build step — each file opens on its own. Reduced motion is honoured everywhere: every hijacked mechanic degrades to a static, readable end state.
Recording the film
Open showreel.html, press F, let it run once so
every clip caches, then screen-record a second pass at 1920×1080. The
transport hides after two seconds of stillness, so the capture needs no edit.