Night globe dive to city
A night globe dive animation: the camera falls from orbit to a city that lights up street by street. Vertical 9:16, 12 seconds. Copy it into Claude.
A hook line rises over a star-backed globe as night sweeps across the region. The camera then drops in one unbroken move from orbit to the city, where satellite lights hand over to streets. Light spreads from the old centre along the street graph, across the river and bridge. A glass pin drops, the city name lands, and three facts arrive with matching cues on the ground.
Change the kicker, hook line, country, city name and pin coordinates to point the dive at any place. Edit the three fact lines, plus the pin, ring and street light colours. The 1080x1920 format suits TikTok, Reels and Shorts openers, travel and history explainers, and city-guide or property teasers.
Use it for
- Travel reel city reveal
- History explainer opening shot
- City guide intro for Shorts
Specs
- Length: 12 seconds
- Format: vertical 9:16 (1080x1920), 30 fps
- Built with: Three.js in HyperFrames
- Category: Maps
What happens, beat by beat
- 0 to 2.9 s, hook. Full globe at 95% of frame width, stars behind. A tracked uppercase kicker [kicker, e.g. "Night is crossing Europe"] blur-rises at 0.4 s, then the serif italic hook rises word by…
- 2.8 to 5.6 s, the dive. Satellite night lights hand over to the street layer.
- 5.8 to 9.0 s, switch-on. The old centre and waterfront light first, then hot white fronts race outward along every road.
- 8.2 to 8.7 s, pin. A glass teardrop falls, squashes with a damped wobble, and a thin ring runs out 2.6 km, brightening each street it crosses.
- 8.75 s, title. [COUNTRY] plus coordinates in mono, and [City] at 196 px, letters blur-rising with a 0.045 s stagger.
- 9.35 / 9.75 / 10.15 s, facts. [fact 1, e.g. "Built across seven hills"] lifts the hill shading; [fact 2, e.g. the old centre rebuilt on a grid] makes the old-centre street grid glow; [fact 3…
- 11.45 s. Text leaves; the camera keeps moving to the last frame.
Streets light up along the road graph
- Fetch the city's roads (OpenStreetMap), run Dijkstra from [the old centre] for an arrival time per vertex, and keep road class. Draw three canvas rasters (±6, ±12, ±40 km) with…
- In the shader, one reveal value is compared with each pixel's arrival: lit behind, a narrow white-hot Gaussian front, a decaying flash. Colour by class: warm white side streets, [street…
- Life at the end: car lights along big roads (white out, red in), a few twinkling lamps, the pin core breathing.
How the prompt opens
Make a silent 12-second, 9:16 (1080x1920), 30 fps motion piece in Three.js, driven by one paused GSAP timeline. Night is sweeping across the Earth. A hook line promises [your hook, e.g. "The last capital to see the sun go down"], the camera falls in one unbroken move from orbit to [your city, e.g. Lisbon], and the city switches on in front of us: light runs out from the old centre along the real street graph, across the river and the bridge, then a glass pin drops, the city name lands and three facts arrive, each with its own cue on the ground. Swap in your own city, coordinates, copy and colours.
The full prompt runs 1,108 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.