Skip to content
refs
REF-1070Source onlineBlueprint rev 01

A Living Gallery for Three Graces

A continuous browser tour turns a dark Three.js sculpture into an interactive gallery through lighting, close-ups, and editorial type.

Maker Anderson Mancini - Threejs Creative DeveloperOriginal post ↗
Cut timeline · 1 shots00:45
00:0000:1000:2000:3000:40

Field notes / why it works

The near-black sculpture resolves into three readable faces by 0:02.8 while the title stays fixed, creating a reveal inside one browser shot. Three close-up selections from roughly 0:11 to 0:29 and a process-page interruption near 0:30 refresh the visual story without cuts; the dramatic full-group return at 0:32–0:40 overlaps the strongest replay window at 0:39.6–0:40.0.

01

Plate 01 / The format in one breath

A dark, art-directed website appears to contain a living monochrome sculpture. A short, continuous screen recording begins with a shadow-to-light reveal, explores three close-up stories through understated text tabs, briefly shows a making/process page, then returns to the full hero composition. The promise arrives visually by about 0:03: this is a rich, interactive object worth exploring.

Why it works

  • The subject resolves from near-black silhouettes to three readable faces in the first 2.8 s while the title stays fixed, giving an immediate visual question and answer.
  • The same object yields multiple compositions: full group at 0:04–0:07, face close-ups at 0:11–0:26, and a refreshed hero at 0:32–0:40. One asset supports a complete tour.
  • There are no video cuts, yet 17 measured internal picture changes (22.7/min). Interactive camera and page states supply rhythm without breaking the illusion of a live site.
02

Plate 02 / Format card

Platform · aspect · lengthYouTube · 16:9, 640×360 source · 44.9 s · 29.97 fps
Pace1 continuous screen-recorded shot; 0 cuts/min; 17 internal changes, 22.7 picture changes/min; one 44.9 s take
ScriptNo reliable spoken script or voiceover; on-screen title, three short tab labels, compact descriptive paragraphs, process heading
VoiceNone; speech recognizer's isolated “Music” and “You” are not evidence of narration
On screenEssentially 100% browser recording of a 3D web experience; hero, close detail states, and process section
CaptionsNone; interface typography carries the information
SoundContinuous tonal/music-like bed measured at about −15.9 LUFS overall; no verifiable cut effects
StructureReveal → hero hold → three detail selections → process interruption → hero reprise → brief final detail; no in-video CTA

Pro / 13 plates + recipe

The first plates are open. The full dissection is Pro.

Get the timed shots, type and sound specs, and the runnable recipe.

Open the full blueprint
  1. Plate 03 / The hook, frame by frame (first 3 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / Script templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro