Skip to main content

Animation Editor

The Animation Editor allows you to create self-playing panoramas and 360º panoramic video. You can use the output for auto-rotation or export the project as a movie file that you either upload directly to an online video service or import to your video editor for further editing.


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 menu. The Frame Overlays will add an aspect ratio overlay so you can correctly frame the panorama.

  • 16:9 - HD video

  • 4:3 - SD video and still photography

  • None - Select to remove the overlay.

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

Overlay Colors – Right-click in the viewer to bring up a menu. The Overlay Colors will set the viewer’s overlay color (viewer borders).

  • Black

  • Dark Gray

  • Medium Gray

  • Light Gray

✭ If the clip is video, an option to Mute the video’s audio will be available.

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 shortcuts:

  • Play/Pause - Spacebar

  • Begin - Page up

  • End - Page down

  • Back One Frame - Left curser key

  • Forward One Frame - Right curser key

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

Clips and Keyframes

This section is where you add your clips and keyframes.

You add a panorama or video to create a clip. You can have multiple clips.

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.

To change Projections:

  1. Place the playhead to where you want the projection to change.

  2. Click the Toggle Keyframe button in the Projection track.

  3. The Edit Projection Value dialog will appear. Choose the projection (Projection Type) and the length (Transition Time) of the transition.


  4. Click OK. You’ll see a yellow marker representing the transition from the previous projection to the new one.

    ✭ If the timeline is red in the FoV track, this means that the animation extends beyond the viewing limits set in the Viewing Parameters. Just adjust the FoV keyframe to adjust to the transition.


The Timeline is where the animation happens!


There are 4 tracks: Pan, Tilt, Field of View and Projections. 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 its default position and scale.

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

✭ When the animation moves beyond the Viewing Limits, the portion of the affected track will turn red and a warning symbol will appear to the left of the track.

✭ If the clip is a 360 video, you’ll see a blue indicator showing the input video’s length. If the video loops, you’ll see the indicator repeat on the Timeline.

video indicator

See also

2019-02-21 09:55:50