Aller au contenu
SYS–13Étude de casScolaireAcadémique · ÉTS

Tron Light Cycles — GTI350

Jeu « Tron » 2 joueurs codé en JavaScript vanilla (sans librairie) pour le cours d'interfaces utilisateurs à l'ÉTS, en équipe de 2. Rendu sur Canvas HTML5, deux modes d'entrée (clavier avec gestion QWERTY/AZERTY et gestes de souris pour diriger la moto directement sur le canvas), détection de collisions (traînées + murs), score multi-manches, boutons virtuels pause/reprise/redémarrage et accélération progressive. Architecture modulaire (9 modules à responsabilité unique) pensée pour le travail en parallèle sur Git.

Rôle
Développeur · équipe de 2
Type
Jeu · interfaces (ÉTS)
Stack
JavaScript · Canvas HTML5
Statut
Académique
Tron Light Cycles — GTI350
01

Contexte

Jeu « Tron » 2 joueurs en JavaScript vanilla, pour le cours d'interfaces utilisateurs à l'ÉTS (équipe de 2).

  • Rendu sur Canvas HTML5
  • Deux modes d'entrée : clavier (QWERTY/AZERTY) et gestes de souris
  • Détection de collisions (traînées + murs)
  • Score multi-manches
02

Conception

Une architecture modulaire pensée pour le travail en parallèle sur Git, avec une boucle de jeu maîtrisée.

  • 9 modules à responsabilité unique
  • Boucle setTimeout (jamais hors de l'état RUNNING)
  • Ordre « avancer → vérifier → dessiner » pour éviter les collisions à un pixel près
03

Résultat

Un jeu jouable, testé à deux, avec 8 fonctionnalités livrées.

9
modules · ~460 lignes
2
modes d'entrée
2
coéquipiers
Jouable
en ligne