From Perspective to Orthographic Camera in Three.js with Dolly Zoom — Vertigo Effect
A short article showing how to implement a Dolly Zoom effect in three.js
Gianluca Lomarco
Video
Three.js Boilerplates
Three.js Boilerplates
Check out our collection of Three.js Boilerplates & React Three Fiber [R3F] Boilerplates.
From simple to complex, we have you covered.
Links
Newsletter
Stay Updated with Three.js Resources!
- Weekly curated Three.js resources and tool
- Early access to new tools and boilerplates
No spam, unsubscribe at any time.
Description
Have you ever experienced a sense of disorientation while watching a movie, especially during moments of high tension or panic? As if the space around the protagonist starts to twist and turn, creating an almost vertiginous effect? This is the famous Dolly Zoom, also known as the Vertigo Effect. First appearing in Alfred Hitchcock’s masterpiece “Vertigo,” this cinematic technique continues to be widely used today in films, animations, advertisements, and video games due to its power to convey strong emotions. What is the Dolly Zoom?