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.