DollyZoom.js is a playful, interactive experiment aimed to show the cinematic effect known as "dolly zoom". As a side effect it will also help you understand the photographic concepts of "dolly" and "zoom" separately, and why framing using your feet is not the same as framing using your camera zoom.

In order to run properly you need a web broswer that fully supports the WebGL technology. Check if yours is supported here. For more information visit the post in DoFideas. Also highly recommended: Evolution of the Dolly Zoom and Mastering the Art of the Dolly Zoom.

Contact & License

DollyZoom.js by Alvaro Santamaria Herrero(2014) is licensed under GNU General Public License (Version 3). DollyZoom.js source available in github.com/aluarosi/. DollyZoom.js is a part of DoF ideas DoF ideas logo
Licencia de Creative Commons DoF ideas's blog, text, images and media by Alvaro Santamaria Herrero are licensed under a Creative Commons Reconocimiento-CompartirIgual 3.0 Unported License unless explicitly stated otherwise. Content by other authors and collaborators is clearly labeled, published with their explicit consent and keeping all rights reserved unless stated otherwise.

Play with it! (Help)

At the beginning you can choose to start with the presentation or skip it and go directly to the interactive mode.

You can use the following controls on the control panel at the bottom:

You can also move the camera viewpoint more freely clicking and dragging with the mouse. If your mouse has a wheel you can dolly in and out with it.

During the presentation you have the following options at the top: