Skip to content
SYS–13Case studyAcademicAcademic · É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
Tron Light Cycles — GTI350
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