From Perspective to Orthographic Camera in Three.js with Dolly Zoom — Vertigo Effect

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

Category:
Tags:
ArticleGameEffectsDepth of FieldTutorialYoutube
Author:

Gianluca Lomarco

Author Website:
https://www.rockbiter.dev/
See on GithubVisit Website
Do you know a Resource we should add?Submit a new Resource!

Video

Three.js Marketplace

Three.js Marketplace

Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.

Visit Marketplace

Sponsors

UseClick.io

UseClick.io dashboard overview

Privacy-friendly Link Analytics tool

Optimize your links with advanced analytics and campaign tracking.

UseClick is the most powerful link management platform for marketers, creators, and influencers with advanced analytics, campaign tracking, A/B testing, and GDPR compliance. Understand your audience and optimize every click.

Links

Official Three.JS siteSubmit a Resource

Newsletter

Stay Updated with Three.js Resources!

  • Weekly curated Three.js resources and tools.

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?