The Couture
A Three.js butterfly that flies through the page as you scroll - wings on a custom flap cycle, camera easing between section anchors, type passing in front of and behind the subject. The signature build from the course, as a single prompt.
What is included: the scene graph (butterfly, light rig, dust particles), scroll-linked camera path with per-section anchors, wing-flap timing that slows as the page settles, depth layering against the DOM, and a reduced-motion/mobile strategy.
Customize it: swap the subject mesh (bird, petal, product) and the anchor copy. The prompt explains which values control flight drama vs calm.
The prompt
Build a scroll-driven Three.js page where a butterfly flies through the content as the visitor scrolls. Scene: a ...
Unlock this prompt with Standard or Lifetime.
Unlock all prompts - $299 lifetime →How to use it
- Copy the prompt and paste it into Claude, Cursor or any AI coding tool - current models give the best results.
- Replace the marked tokens (colors, copy, media file names) before you run it.
- Run it, open the result in a browser, then iterate in small steps - one change per message.
Customize it
- Palette and type live in the token block at the top of the prompt - change those first, nothing else.
- Keep the motion values as written on the first pass; tune them only after you have seen the default.
- Swap media last, matching the aspect ratios the prompt names.
