Skip to main content

Animation Editor

The Animation Editor allows you to create self-playing panoramas and can easily replace auto-rotate. You can animate the pan, tilt and field of view perspectives and then export the project as a movie file that you either upload directly to your favorite online video service or import to your favorite video editor.


The Animation Editor consists of a viewer, a clips section, a keyframes section and a keyframe editor.

Animation Viewer

The viewer is where you can not only play back the animation, but it is also where you can define the keyframeable parameters (pan, tilt, field of view).

Frame Overlays –– Right-click in the viewer to bring up a Frame Overlays menu. This will add an aspect ratio overlay so you can correctly frame the panorama. Choose from:

  • 16:9 - HD video

  • 4:3 - SD video and still photography

  • None - Select to remove the overlay.

Once you add an output format (HTML5, Flash, Animation), you will see the chosen output’s resolution listed in the Frame Overlays.

Transport Control –– The transport control will appear and disappear when your mouse enters and leaves the viewer respectively. You can play, pause and go to the beginning and end of the animation. You can also access the controls via the Play Menu and via keyboard shortcut:

  • Play/Pause - Spacebar

  • Go to Beginning - Page up

  • Go to End - Page down

  • Repeat - This does not have a keyboard shortcut. However, you can choose to repeat the playback of the current clip, current clips or turn Repeat off.

Clips and Keyframes

This section is where you add your clips (panoramas) and keyframes.

You add a panorama to create a clip. You can have multiple clips. They can use the same panorama or multiple panoramas.

If you have multiple clips, the Animation output will create a movie (or frame sequence) file in the order of the Clips List (top down).

You create the animation using keyframes. Keyframes are used to control or animate the difference between two values on a timeline.

Adding Clips

Add a clip by clicking the New Clip button. You will then be able to give the clip a Title. If you are using Pano2VR pro, and have a tour, you can choose one of your tour images.

The clip will then be added to the Clips List. In the list you can add more clips by clicking the plus button to the right. You can remove clips by clicking the x on the right. You can also rearrange the clips in the list by dragging the handles on the left.

Adding Keyframes

You can add Normal Keyframes or Magic Keyframes which will add keyframes at a constant speed.

To add normal keyframes:

  1. Move the playhead forward and spin the panorama to the desired direction.

  2. Click the Toggle Keyframes button in either the Keyframes section or in the Timeline.

    The Toggle Keyframes button in the Keyframes section will add a keyframe at the playhead’s current position for each animation track in the Timeline.

    The Toggle Keyframes button is also found in each animation track in the Timeline. Clicking one will add a keyframe only for that animation track.

    Click the button again to remove the keyframe.

To add Magic Keyframes:

  1. Spin the panorama to the desired location.

  2. Click the Set Automatic Keyframes button to place keyframes based on the default speed of 10º/frame.

Learn to edit keyframes.


The Timeline is where the animation happens!


There are 3 tracks: Pan, Tilt and Field of View. Each of these parameters can be animated using keyframes.

Duration –– Enter the length of the clip in seconds either in the text box, or click the Set Animation Length button.

Collapse Track –– The tracks can be collapsed by clicking the black triangles to the left of the track name.

Track zoom –– You can zoom in to the track by sliding the scroll handles.

Each track contains a field where you can see and enter the current value at the playhead. You can also add individual keyframes by clicking on the Toggle Keyframe button in each track.

Each track also has a vertical scrollbar. You can drag its handles on the top or bottom to zoom in our out of the angle scale.

Right-click the vertical scrollbar to adjust the following:

  • Reset Scrollbar - If the scrollbar has been adjusted, this will reset the scrollbar to it’s default position.

  • Fit Graph - Sometimes the keyframes move beyond the track borders. Use this option to fit all keyframes within the track.

The Timeline has a single horizontal scrollbar. You can drag its handles to zoom in and out of the time scale.

Right-click the horizontal scrollbar to adjust the following:

  • Reset Timeline - This will reset the scrollbar to it’s default position and scale.

  • Trim Timeline to Last Keyframe - Select to trim the timeline to the last keyframe. The animation duration will be adjusted.

See also…

2017-02-07 08:19:45