Interactive Tracker

Tabletop Tracker

Notes on the tabletop tracker and how it keeps rules close without replacing the actual game.

view project
Project

A tabletop tracker with teams, command points, victory points, turning points, reminders, hover rules, unit states, and expandable cards.

Plan

  • During my own play sessions, too much time was being spent outside the actual game loop.
  • The goal was to build a focused tracker that kept important information visible without replacing the tabletop experience.
  • I wanted the tool to support the game, not become the game.

Build

  • Built a working preview with two customizable teams, command points, turning point controls, passive reminder sidebars, expandable operator cards, hover based rule explanations, and state toggles.
  • Used structured team data so the display can change without rewriting the page for every roster.
  • Separated quick reference information from deeper rule text through hover tooltips, sidebars, and expandable cards.

Next

  • Turn the tracker from a working match aid into a full tabletop companion system.
  • Add an upload folder feature so users can drop in structured roster files, rule tags, and unit data.
  • Separate the tracker engine from the specific game content so different teams or systems can load from data.
HTML CSS JavaScript State tracking Interface logic Rules data Interactive cards Custom input

Screenshots

Screenshots were taken from the full tracker during real tabletop use. I originally built this version as a companion tool for Warhammer 40,000: Kill Team.

Build Notes

The tracker is mostly about keeping match state visible: scores, units, reminders, and rules that are easy to forget.

Scope and User Flow

The tracker is built around a two-team match flow. Users can view both teams side by side, adjust command points and victory points, advance the turning point, open operator cards, check passive reminders, and update unit states without leaving the main match view.

Tracked State

  • Command points, victory points, and turning point.
  • Operator readiness, injury status, and expanded card states.
  • Limited use abilities, once per timing reminders, and active rule markers.
  • Team specific passive effects displayed in sidebars during play.

Interface Behavior

  • Rule tags use hover tooltips for short explanations without crowding the screen.
  • Operator cards expand to show deeper profile information only when needed.
  • Score, turning point, and status controls remain available inside the active match view.
  • Custom operator input allows the data structure to be tested beyond the preset sample teams.

State and Validation

The tracker is designed to behave as an active match aid rather than a static reference sheet. Score values, unit states, limited toggles, and reminder panels stay visible so players can track changing conditions without relying on memory or scattered notes.

Build Notes

The demo uses sample teams and sample stats, but the structure is reusable: teams, operators, resources, passive effects, tooltips, limited flags, and round state.

Next

Next steps are saved matches, import/export, setup validation, stronger mobile controls, and custom team files.