Skip to content

Animation

Jump to bottom
Özgür Yalçın edited this page Jun 20, 2026 · 1 revision

The Animation (GraphAnimation) layer plays loopable MP4 videos or GIF animations. It usually acts as the live background of a theme template.

1. UI Settings and Descriptions

When editing an Animation layer, the following options are available in the editor panel:

  • MEDIA (videoName): The filename of the .mp4 or .gif file loaded from the template resources.
  • POSITION & SIZE:
    • X & Y: The pixel coordinates specifying where the top-left corner of the animation container sits.
    • WIDTH & HEIGHT: The pixel dimensions of the animation container.
  • ZOOM RATE: Scales the animation width/height (e.g., 1.0 is default, 1.2 scales it up by 120%).
  • DIRECTION: Controls the physical animation movements or reproduction behaviors (available modes: Circular, Rotate, Bounce, Collision).
  • ORIENTATION: Sets the animation alignment:
    • Landscape: Standard horizontal orientation.
    • Portrait: Rotated vertical orientation.

Clone this wiki locally