Dolly Zoom (Vertigo Shot)
HTML to video · A camera move · Apache-2.0
- What it does
Camera tracks toward or away from the subject while the field of view changes the opposite way, so the subject holds its frame size while the background collapses behind it or rushes in.
- Get it
Copy the folder into a project, or
npx hyperframes add camera-dolly-zoom(fetches it from GitHub main to compositions/camera-dolly-zoom.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition. 4 settings to change.- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By props
Declared variables: direction, strength, subjectDistance, easing. 10 hex colors and 1 font stack are written in the file's CSS.
- Size
1920 x 1080 · 4 s
- License
Apache-2.0
- From