Keyframes

Keyframes are the foundation of animation in Banger.Show.

They let you set values at specific moments in time and automatically animate the transition between them.

How keyframes work

For any animatable property (position, rotation, scale, opacity, camera values, effect controls):

1. Move playhead to the frame you want
2. Add or toggle a keyframe on that property
3. Change the value
4. Move to another frame and change it again

Banger.Show interpolates between those keyframes.

Create, move, duplicate, delete

• Create: click the diamond next to a property in the Inspector
• Move: drag a keyframe left/right in timeline
• Duplicate: select keyframe and duplicate from context menu
• Delete: select keyframe and remove from context menu or Delete

Tip: copy/paste keyframes to quickly reuse animation timing patterns.

Keyframe easing

Easing controls the speed curve between keyframes (how motion accelerates/decelerates).

Available easing types:

• Linear
• Ease In
• Ease Out
• Ease In Out
• Cubic In
• Cubic Out
• Cubic In Out
• Elastic Out

Use easing from the keyframe context menu or from the curve editor controls.

Set keyframes in the Inspector, then adjust easing in timeline

Keyframe Curve Editor

For deeper control, open the Keyframe Curve Editor from a selected clip in timeline.

Inside it you can:

• switch active parameter curves
• add/duplicate/delete keyframes
• drag segments vertically
• fine-tune easing with drag handles

This is the fastest way to dial in motion feel for drops, transitions, and camera moves.

Screenshot placeholder: keyframe selected in curve editor with incoming/outgoing handles adjusted for custom easing.

Quick motion tips

• Start with Cubic In Out for smooth musical motion.
• Use Elastic Out only on accent moments.
• Keep most segments subtle; exaggerate only hero beats.
• If animation feels messy, reset one segment to Linear and rebuild.

If you want camera-specific workflows, see Camera Movements.