Archived docs Get your API Key
Get started
Tutorials
Guides
Reference
Help for coding agents
πŸ€– AI Assistant

Scenes and elements

A movie is a list of scenes played one after another, and each scene holds elements drawn on top of each other. The Editor builds exactly that structure.

Adding a scene

Use the + next to SCENES in the outline. A new scene is appended to the movie and selected.

Scene properties live in the properties panel:

  • Appearance β€” the background colour behind the scene's elements.
  • Timing β€” the scene's duration. -1 means derive it from the contents, which the outline and the timeline report as auto.
  • Repeat (iterate) β€” see Repeating scenes.
  • Transition β€” how this scene arrives: a type, a style and a duration.

Scenes can be reordered, duplicated and deleted from the … menu on the scene row.

Adding an element

Select a scene and use the + on its row. The picker groups the nine element types and can be searched:

The element picker, grouped by media, text, audio and advanced

Group Types
Media Video, Image
Text Text, Subtitles
Audio Audio, Voice, Audiogram
Advanced HTML, Component

To add an element that spans the whole movie rather than one scene, use the + on the MOVIE ELEMENTS row instead.

Placing and timing an element

Two ways to do the same thing, whichever suits the moment:

  • On the canvas β€” drag the element to move it, drag a handle to resize it.
  • In the properties panel β€” set Position and Size numerically, with a unit, or pick one of the nine named positions from the grid.

Timing works the same way: drag the element's bar in the timeline, or set Start, Duration, Extra time, Fade in and Fade out in the Timing group. A duration of -1 means last as long as the source, or as long as the scene for elements with no intrinsic length.

Z index decides what is drawn on top when elements overlap.

Choosing an asset

Fields that take a file β€” an image source, a video source, an audio track β€” offer Browse media… next to the URL box:

The media browser, showing stock photos and a tab for your own files

  • Stock β€” searchable stock photos and video, ready to use.
  • My assets β€” the files in your Media library. Requires signing in.
  • Music β€” a royalty-free music library, offered on audio fields.

Picking an item fills the field with its URL. You can always paste a URL directly instead; any publicly reachable URL works.

Text and components

Text elements carry a Style, picked from a gallery of preset animated styles, and a Settings group for font, colour and layout. The presets are the same ones listed in Text styles.

Component elements are pre-built animated pieces chosen from the component library. Each component exposes its own settings, which the Editor renders as a nested form.

Animation

The Animation group holds keyframes. Add a keyframe to capture the element's animatable properties at the playhead, then add another further along the timeline; the engine interpolates between them. Per-property easing overrides are available behind the toggle next to the keyframe count.

See also