animation examples
Camera & Space Animation Examples
Camera and space shots move the virtual camera — whip pans, zooms, orbits, tilts, and depth-of-field moves. 10 shots with video previews and agent-ready Remotion code below.
Basic 3D Sceneimpress.js-style spatial presentation: cards scattered through 3D space at different positions/rotations/scales, camera flies between stops taking the inverse of each step's pose, final step pulls back to OVERVIEW
~6.0s (180f @ 30fps; four stops, three flights of 0.96s each)
Crash Zoom PunchOne-beat crash zoom from a wide shot to a target close-up (6f), with two landing options — overshoot bounce-back (springy) or hard-stop screen shake (weighty)
~0.5s of motion + holds before/after (motion 6–11f, pre-hold ≥30f to establish the wide shot, post-hold ≥45f to read the close-up)
Cursor FlyoverAfter the full-page overhead view fades in, the camera flies to each of the four corners for zoom-in close-ups, while an SVG cursor syncs in to point and leaves click ripples
~6.0s (180f @ 30fps; overhead 0–1.2s · four steps of 0.7s transition + 0.5s hold each)
Depth Layer MovesTwo layered-depth camera moves — a multi-layer parallax glide (three speed tiers translating sideways to create depth) and a fake dolly-zoom (subject pinned, background swelling in)
parallax glide 4–5s continuous; dolly-zoom 3–4s one-way travel
Graze Face TourHigh-angle face-grazing close-up tour — the camera skims low across the UI surface (sidebar tree/header/list as terrain), while page text initially floats above the interface with matching soft shadows, then accelerates down to stick back onto the interface one after another as the camera advances
4–5s per segment; can chain multiple segments to extend
Overhead Camera MovesTwo overhead reveal moves — tilt-reveal rights the frame to reveal, and overhead-tabletop-drop slides across a tabletop card array then plunges in
A ~4.8s / B ~4.7s
Space Camera MovesTwo 3D-spatial camera moves — exploded-view (components blow apart along Z then reassemble) and drone-dive-landing (drone plunge landing)
A 5s (explode-hover-reassemble entire run); C 3–5s one-way plunge
Steep Tilt GlideUnder a fixed camera, an upright page stands at a steep 60° perspective (right edge near, left edge far), and the page itself slides along its own 3D lateral plane past the lens (object moves, camera doesn't); the slide carries velocity ghosting, floating text/components stick down, and the scene opens from dark into light
4s (120f) single shot; wider pages can run longer
Tension Camera MovesFour emotional camera moves — bullet-time freeze orbit, dutch-roll righting, slow-push pressure, pull-back isolation; the camera makes viewers "feel" instead of "watch"
4–5s per variant; ≤2 variants total per video (≤1 use each)
Terminal 3DThree terminal windows scattered through 3D space; the camera flies between windows with a sinusoidal pull-back mid-flight, and at each window a typewriter taps out a command while results slide out line by line — a spatial narrative flow of command execution
~6.0s (180f @ 30fps; three stops of ~1.6s hold + 0.85s flight each)