Preferences
Theme
Previews play by default. Turn this off to pause them; reduced-motion preferences are always respected.
← Hexframe overview

02 / Deterministic systems

Hexframe

A browser fighting game where every hit has one repeatable result. It includes accessible controls, training tools, replays, computer players, and a foundation for future online play.

Primary capability
Deterministic combat simulation
Characteristics
  • Deterministic simulation
  • Rollback architecture
  • WCAG 2.0 AA interfaces
  • Training tools
  • Accessible controls
01 — Problem

Make every feature agree on what happened.

The match, training screen, computer player, replay, saved game, and future online mode all need to agree about what happened. If each part calculates combat differently, a punch could hit in one view and miss in another. Hexframe therefore calculates the fight in one place and lets every feature read the same result.

02 — What I built

What the project does.

  • A playable training stage with one fighter and one practice dummy
  • Pause, play, or move forward and backward through the fight one frame at a time
  • Freeze automatically when a hit connects so the exact contact can be inspected
  • Show or hide hitboxes, hurtboxes, pushboxes, character origins, and skeletons
  • Read damage, movement, hitstun, blockstun, and fighter state for the selected frame
  • Save a position, capture its inputs, and replay the same scenario
  • Use the lab with keyboard or gamepad and adjust focus, text size, contrast, color labels, and motion
03 — Architecture

Each part has one job.

ControlsRead player buttons and choices made by computer teammates
Game rulesCalculate movement, hits, damage, and status effects
Saved stateStore exact moments for saves, replays, and rollback
GraphicsDraw characters and effects from results that are already decided
04 — Key design choice

Graphics show the fight; game rules decide it.

Hexframe decides whether a hit landed before it draws the punch or spark. Training, replay, computer players, and future online play all read that same result. This keeps browser speed and visual timing from changing who won.

05 — Accessibility

The lab supports different controls and display needs.

Hexframe's menus and training tools target WCAG 2.0 AA. The lab works with a keyboard or gamepad, always shows which control has focus, and can announce important combat updates to a screen reader. Players can also change text size, contrast, color labels, and motion.

  • Keyboard and gamepad controls for the training lab and menus
  • Clear focus when moving through buttons, tabs, and dialogs
  • Larger text, stronger contrast, and color-vision settings
  • Reduced motion and reduced combat flashes
  • Screen-reader messages for important status and combat changes

The claim covers these menus, tools, settings, and supported controls. It does not claim a complete nonvisual replacement for the spatial fight itself.

06 — What works today

A playable foundation that can grow.

You can play matches, build move sets, use accessible menus, train with frame data, save progress, and fight with computer teammates. Because every feature uses the same combat rules, the project can add characters, tools, and online play without rebuilding its foundation.