# Animation Presets

Motionly should offer a small set of polished presets before a large library.

## Current Editor Presets

- Fade in: opacity entrance
- Rise in: opacity plus vertical movement
- Scale in: gentle scale entrance
- Blur reveal: blur, opacity, and slight vertical movement
- Soft drift: subtle horizontal movement
- Count up: animated numeric text with direction and grouping controls

These six presets are available from the Properties panel. Count up is shown only for text layers.

## Language-Level Presets

The `.motion` engine also supports presets used by authored and agent-generated projects. They are not all exposed as visual editor controls yet.

- `drawSVG`: path-first reveal for simple stroked SVG logos
- `countUp(from 0 separator comma direction up duration 2s)`: deterministic numeric text
  animation. The text layer's `value` is the target number; `direction down` reverses the
  endpoints, and `separator` accepts `comma`, `space`, or `none`.

## Transitions

- `shapeWipe(direction right)`: directional full-scene wipe
- `irisWipe`: circular full-scene wipe
- `maskReveal(direction right)`: clipped media reveal
- `dynamicSlide(direction left)`: slide with a small skew and settle
- `speedZoom`: camera punch used at a scene change

Use transitions to mark a real change in subject or scene. Do not place one between every object animation.

Visual scene-transition controls are roadmap work.

## Timing Defaults

- Duration: `1s` to `1.2s`
- Delay: `0s` unless sequencing elements
- Easing: `power3.out`

## Quality Bar

Good presets are smooth, readable, and subtle.

Avoid bouncy, random, noisy, or oversized motion.
