A single-page, scroll-driven 3D explainer of a multi-stage Dockerfile — built with Vite, Three.js, anime.js v4, SVG, and Canvas 2D. Scroll to build the image layer by layer; falls back to a static blueprint without WebGL or with reduced-motion.
npm install
npm run dev # http://localhost:5173npm test # unit (vitest)
npm run test:e2e # smoke (playwright)- Whale model (
public/whale.glb): "Docker logo" by David Balan — CC-BY, via Poly Pizza. - Container model (
public/container.glb): "Container Small" by Quaternius — CC0 (public domain), via Poly Pizza. - Ambient track (
public/ambient.mp3): "Stranger Things" by Music Unlimited — Pixabay Content License (royalty-free), via Pixabay.
The two models are re-skinned into the blueprint style at runtime; the track loops as background audio once the visitor enables sound.