Timeline & Animation
The Scraplet Overlay Editor includes a professional-grade keyframe sequencer that enables you to animate canvas properties dynamically and configure timeline-driven actions with sub-millisecond precision.
1. Unreal-Style Sequencer
We utilize an explicit **Sequencer Pattern** matching Unreal Engine or After Effects. Instead of overwhelming your workspace with every active element property, you selectively choose what you animate:
Click the [+] button in the left-hand ruler track. If an element is active on the canvas, it is added immediately. Otherwise, a sleek glassmorphic popover opens showing all available canvas layers.
Inside any tracked element, click + Track to reveal a organized popup grouping animatable properties logically (e.g., Transform, Typography, Fills, Parametric Effects).
2. Keyframe Operations
Creating smooth, high-fidelity movements is straightforward with our intuitive hotkeys and snapping behaviors:
- Double-Click/Click Lane: Spawn a keyframe instantly at the clicked timestamp.
- Alt + Drag Keyframe: Instantly duplicate a keyframe and slide it to a new time index.
- Shift + Drag Marquee: Left-click and draw a marquee box over the tracks to select multiple keyframes simultaneously.
- Smart Snapping: Moving keyframes automatically aligns with playheads or keyframes in adjacent tracks for pixel-perfect timing.
- Bezier Curve Customization: Select a keyframe, open the Curve editor, and manually shape a custom cubic-bezier ease curve.
📍 3. Interactive Timeline Markers
The horizontal 📍 Markers lane sits at the very top of the sequencer and handles playback-driven event actions dynamically. Just double-click the track lane to drop a marker flag, click to select, or drag horizontally to change timing.
Marker Action Trigger Types:
Stops the timeline playhead right when it crosses the boundary, perfect for waiting on external user inputs or state triggers.
Triggers a sound effect precisely in sync with the timeline playhead. Features an amber-themed Upload button to directly upload local .mp3 or .wav files to the cloud assets library instantly.
Dispatches a dynamic event to the listening widgets. The input features a **smart, self-populating dropdown selector** listing standard platform events (e.g. Follows, Subs, Raids) as well as active canvas element reactions, alongside a custom text fallback for power users.