Parcel journey through five 3D worlds
A parcel rewinds from the doorstep across five 3D toy worlds, then travels back. Copy this parcel delivery animation into Claude and swap in your brand.
A parcel sits on a doormat. A rewind counter ticks from day 41 to 0 as the box squashes, lifts off and tumbles into the sky onto a relief globe. The journey then runs forward: ocean, a cutaway container ship, a quay crane, train and truck, and home. One orange container threads every scene.
Change the brand on the tape, container and ship, the number of days, the counter word, the three on-screen labels, and the origin and destination port names and tags. It suits 16:9 explainers on logistics, shipping times or supply chains, for YouTube, landing pages and investor decks.
Use it for
- Shipping times explainer video
- Freight brand landing page hero
- Supply chain investor deck
Specs
- Length: 40 seconds
- Format: widescreen 16:9 (1920x1080), 30 fps
- Built with: Three.js in HyperFrames
- Category: Explainers
What happens, beat by beat
- 0-4.4 s Doorstep. Parcel sunlit on the mat at frame 0. "Delivered this morning." then "Rewind [41] days." (2 s): the box squashes, lifts off on a reversed landing curve and tumbles into the sky while…
- 4.1-10.8 s Globe. Sky-to-sky dissolve into an identical sky. A relief globe tilts in; the box lands on the destination and runs the route backwards. Origin pin springs in with a pinned label [Port Lantern]. The…
- 10.5-15 s Ship. Teal-to-teal dissolve: the marker becomes the real ship seen from 4 km up, the route thins into its white wake. Camera spirals to a 3/4 aerial. "One ship, [400 m] long." with a…
- 15-25 s Cutaway. Side-on, a plane slices through sea and hull in 1 s. "[24,000] containers on board." counts up while a light band runs through the stacks. Reefers glow ice blue: "Chilled to [2 °C]…
- 25-30 s Port. Hidden cut on that face: now it hangs from a quay crane. Pull back. "Unloaded in [2 minutes]." Trolley runs landward with pendulum sway and lowers it onto a rail wagon with a…
- 30-35 s Map. The face slides off right to reveal a relief map. Toy train inland ("By rail, [600 km] inland."), the container hops onto a truck at a depot ("By road, the last [30 km].")…
- 35-40 s Doorstep. Face slides off; the parcel drops the last 40 cm onto the mat with a decaying squash. "[41 days]" (huge), then "[in 10 seconds]". The camera still pushes in on the last frame.
Build every world as real geometry
- Globe: dense sphere, one vendored equirectangular map (R = elevation, G = land mask) driving displacement and bump. Shader: plaster land darkening to tan with height, pale peaks, a faint…
- Ship (1 unit = 10 m): hull lofted from an analytic half-breadth function (superellipse bilge, flared bow, bulb, transom, skeg, five-blade bronze prop); paint by height (navy topsides, cream boot…
- Cutaway: one clipping plane on every ship material. The cut sea is a resin block: translucent teal deepening with depth, soft caustic bands, a bright surface line, an opaque back.…
- Sea: normals from swells plus drifting noise, faded with distance; a foam shader for bow wave and stern wash.
- Port: paved quay, rails, gantry cranes from beams (navy legs, cream stays), roped trolley, yard stacks.
What you can change
- Expose every caption, [brand], [days], [block count], [port coordinates], [waypoints] and the colours as composition variables.
How the prompt opens
Make a narrated 40-second, 16:9 (1920x1080, 30 fps) explainer in Three.js. A parcel on a doorstep flies backwards into the sky, lands on a relief globe, and we follow it forwards again: across an ocean, onto a container ship sliced open like a museum model, off a quay crane, by toy train and truck across a relief map, and back onto the doormat. One orange container is the thread through every scene and every transition. The brand is an invented example (e.g. a freight brand called [KITEWELL]); swap in your own brand, ports, numbers and colours. Work on a 120 BPM grid (1 beat = 15 frames): every arrival, label and cut lands on a beat. render(t) sets everything from…
The full prompt runs 1,130 words. Copy it free (2 a day) from this page.
Copy the prompt into Claude, or pull the scene into Claude Code and render the MP4 on your machine: how it works.