🎥

Navigation & Viewport

2D and 3D views, orbit / pan / zoom, and how to read the pitch.

2D and 3D Views

The viewport shows the pitch from a 3D camera by default. The floating button cluster in the top-left of the viewport controls the camera:

Button What it does
2D / 3DSwitch between a top-down tactical view and the angled 3D view. 2D is ideal for drawing zones and arranging formations.
OrbitDrag on the pitch to rotate the camera around the centre.
PanDrag to slide the view sideways.
ZoomDrag up/down (or scroll) to zoom in and out.

Mouse & Touch Controls

  • Left-click — select an item (player, ball, cone, target, zone).
  • Click on empty pitch with an item selected — move that item to the clicked spot (in Place mode).
  • Drag an item — pick it up and move it (players, ball, cones, targets, and whole zones).
  • Scroll wheel — zoom (in Zoom mode) or scrub the timeline ruler.
  • Right-click-drag — orbit the camera.
Tip: In 2D view, clicking is very precise for placing items and drawing zone vertices — switch to 2D for detailed work, then back to 3D to admire the result.

Capturing an Image

The camera button at the bottom-right of the viewport saves the current view as a PNG image — perfect for sharing a drill on the training-ground screen or in a coaching document.

  • Position the camera and set up the scene exactly as you want it (the image captures exactly what the viewport shows).
  • Click the camera button — on mobile it opens the share sheet (save to Photos), on desktop it downloads kickviz_<timestamp>.png.
  • The capture includes the pitch, players, ball, zones and arrows — the UI overlays are not included.

The Pitch

The pitch is a standard football field centred on the origin. The home team starts on the left, the away team on the right. Positions on the timeline are stored as 3D coordinates, but you never need to type them — you click and drag.

Reading the Scene

  • A ring under an item means it is selected. The ring follows the item while it animates.
  • Players are 3D characters with kit colours; the number floats above each player.
  • The ball is white and rolls as it moves.
  • Cones are orange, targets are red goal-like gates, zones are translucent coloured polygons.
  • Arrows (glowing tubes) show movement paths when the item's Graphic track is on.