SYS–13Case studyAcademic▤Academic · ÉTS
Tron Light Cycles — GTI350
Two-player "Tron" game written in vanilla JavaScript (no libraries) for ÉTS's user-interfaces course, in a team of 2. Rendered on an HTML5 Canvas, two input modes (keyboard with QWERTY/AZERTY handling, and mouse gestures to steer the cycle directly on the canvas), collision detection (trails + walls), multi-round scoring, virtual pause/resume/restart buttons and progressive acceleration. Modular architecture (9 single-responsibility modules) designed for parallel work on Git.
Role
Developer · team of 2
Type
Game · UI (ÉTS)
Stack
JavaScript · HTML5 Canvas
Status
Academic

01
Context
A two-player "Tron" game in vanilla JavaScript, for ÉTS's user-interfaces course (team of 2).
- ▸Rendered on an HTML5 Canvas
- ▸Two input modes: keyboard (QWERTY/AZERTY) and mouse gestures
- ▸Collision detection (trails + walls)
- ▸Multi-round scoring
02
Design
A modular architecture designed for parallel Git work, with a carefully controlled game loop.
- ▸9 single-responsibility modules
- ▸setTimeout loop (never runs outside the RUNNING state)
- ▸"advance → check → draw" order to avoid off-by-one collisions
03
Result
A playable game, tested by two, with 8 features shipped.
9
modules · ~460 lines
2
input modes
2
teammates
Playable
online