Getting Started

Open the Editor

Open the main workspace at /editor. TacticSlate is local-first, so the editor restores your latest board or scene from this browser instead of waiting for a cloud save.

• The left rail switches between 3D, 3D Animation, Select, and Animate.
• The top bar handles zoom, view presets, Draw, Pan, clear, backup/export actions, and Help.
• The right edge keeps the Library icons visible at all times, while Properties and Animation open as drawers when needed.

Build the First Board

The fastest workflow is to place only the key roles first, then add the minimum drawing needed to explain the idea.

1. If you want a flat board, stay in 2D and use Select in the left rail.
2. Drag Home or Away players from the fixed right-side Library icons onto the pitch.
3. Add objects such as the ball, cones, ladders, walls, mannequins, or goals.
4. Select any player or object to edit names, numbers, colors, size, and other properties.
5. Turn on Draw from the top bar when the base layout is stable.

Use Animation When Sequence Matters

Many tactical ideas can stay static. Use animation when the sequence is the main teaching point, such as a pressing trigger, a rotation, or a set-piece movement.

• Use Animate in the left rail for 2D frame-by-frame playback.
• Use 3D Animation when spacing, height, or camera angle is part of the explanation.
• Add frames only when the next teaching moment needs its own picture.

Rely on Autosave, but Keep Backups

TacticSlate saves the current board, scene, and timeline in browser storage automatically. That makes fast iteration easy, but important work should still be backed up.

• A normal refresh should restore the latest local state.
• Browser storage is tied to this browser profile and can still be cleared by the user.
• Use JSON backups or exports when the board matters outside the current machine.