Controls

Table of Content

Zoom & Gestures

Navigate your animation with zoom controls, gestures, and distraction-free mode.

Zoom

Range

50% to 200% scale.

Zoom Controller

Floating bar at bottom of screen:

[  ]    100%    [ + ]
[  ]    100%    [ + ]
[  ]    100%    [ + ]
  • Tap to zoom out

  • Tap + to zoom in

  • Percentage shows current level

Show/Hide Controller

Settings → Zoom → Show Zoom Controller

Gestures

Gesture

Action

Two-finger long press (1.5s)

Toggle distraction-free mode

Distraction-Free Mode

Hide all floating UI for a clean view.

  • Activate: Two-finger long press (1.5 seconds)

  • Deactivate: Same gesture

What hides:

  • Settings button

  • Joystick controller

  • Zoom controller

What remains:

  • Your animation. Nothing else.

Feedback

  • Haptic vibration confirms the toggle

  • Toast notification shows status

🙈 UI Hidden
   Two-finger long press to show

👁️ UI Visible
   Two-finger long press to hide
🙈 UI Hidden
   Two-finger long press to show

👁️ UI Visible
   Two-finger long press to hide
🙈 UI Hidden
   Two-finger long press to show

👁️ UI Visible
   Two-finger long press to hide

Use Cases

Inspect details

  1. Zoom to 200%

  2. Check alignment, spacing, small elements

  3. Triple-tap to reset

Record demos

  1. Hide UI with two-finger long press

  2. Record clean animation

  3. Bring UI back when done

Present to stakeholders

  1. Distraction-free mode

  2. Full-screen animation

  3. No buttons or panels visible

Test at different scales

  • 50% — how it looks small

  • 100% — normal size

  • 200% — detail check

Settings

Setting

Location

Enable zoom

Settings → Zoom

Show zoom controller

Settings → Zoom

Reset to 100%

Settings → Zoom

Show joystick

Settings → Zoom

Tips

Hide UI before screenshots — Cleaner captures.
Haptic = confirmation — Feel the vibration, know it worked.