Skip to main content

Timeline

Timeline

timeline top.png

The timeline provides a visual interface for organising and controlling how elements appear, move, and interact in an animation. It has three main sections: the Header, which includes tools like the timer, zoom, and playback toggles; the Timeline Elements panel on the left, for managing screens, events, layers, and quick animations; and the Timeline Panel on the right, offering detailed controls for keyframes, spans, easing, and events.

Together, these sections let users sequence, edit, and fine-tune animations efficiently and intuitively, making complex interactions easier to create and manage.

timeline image.png



Header


The header header top .pngprovides essential controls for managing the timeline. It includes a Timer to display the current playback time and total duration, a Zoom slider for adjusting the timeline view and focusing on specific sections, and Toggle buttons to play, pause, or navigate forward/backward in small increments. Together, these tools allow users to monitor, control, and navigate the animation efficiently.


header.png


header text.png

1. Timer

Displays the current playback time alongside the total
duration of the animation, helping users track progress
within the timeline.







elements top.png


elements.png


element text .png



panel top.png


panel .pngpanel .png


panel content.png

Back to top