Personnel — 2026
Un jeu de course en vue cockpit, entièrement dessiné en caractères ASCII, jouable directement dans le navigateur.
- Type
- Personnel
- Année
- 2026
- Rôle
- Game design, développement
- Outils
- JavaScript, Canvas, Web Audio, esbuild, Claude Code
- Durée
- 1 semaine
Présentation
Contexte
L'idée : un jeu de course rétro façon OutRun, dont tout l'affichage — route, décor, voiture, tableau de bord — est composé de caractères. Sans moteur 3D ni bibliothèque : du JavaScript natif et un canvas.
Démarche
J'ai avancé étape par étape avec Claude Code, en testant chaque fonctionnalité avant de passer à la suivante : boucle de jeu, menu, rendu de la piste, conduite, collisions, chrono. Le code, d'abord un fichier unique de plus de 2 200 lignes, a ensuite été découpé en modules (physique, piste, audio, commandes, rendu), puis regroupé par esbuild en un seul script pour la version en ligne.
Résultat
Un jeu complet avec quatre circuits (Nocturne, Crépuscule, Autoroute cyber, Infini), un garage pour personnaliser la voiture, une boîte manuelle ou automatique, une vue cockpit, des réglages de volume et le support manette.
01 Jouer
Le jeu tourne directement ici. Choisissez un circuit dans le menu, puis prenez le volant.
Jouable sur ordinateur, au clavier ou à la manette.
02 Le rendu ASCII
La route est une suite de segments qui se courbent peu à peu, projetés en pseudo-3D ligne par ligne, comme dans les jeux d'arcade des années 80. Chaque case de l'écran reçoit un caractère : dense au premier plan (@, #), léger au loin (=, -). Un ciel étoilé et un décor en parallaxe complètent la scène, et même le son du moteur et la musique sont synthétisés dans le navigateur.
- 4 circuits, dont une route infinie
- 3 voitures à personnaliser
- 18 modules JavaScript
- 0 dépendance dans le jeu
03 Interface
Menus, garage et réglages sont eux aussi faits de caractères. Le garage propose trois voitures, cinq couleurs de carrosserie, quatre couleurs de feux et une plaque personnalisable, avec une fiche technique qui compare vitesse, boîte, accélération et tenue de route.
04 Méthode
Avant la première ligne de code, j'ai écrit un plan : le concept, une contrainte forte (zéro dépendance) et une roadmap en neuf étapes. Avec Claude Code, j'ai avancé une étape à la fois, en jouant à chaque version avant de passer à la suivante. Quand le fichier unique a dépassé 2 200 lignes, le code a été redécoupé en modules, un par domaine.
-
Squelette
Boucle de jeu et voiture : position, angle, vitesse.
-
Menu
Titre en ASCII art et choix du circuit.
-
Rendu
Une première piste affichée en caractères, voiture fixe.
-
Conduite
ZQSD : accélérer, freiner, tourner.
-
Collisions
Sorties de piste, bas-côtés et glissières.
-
Décor
Ciel, montagnes ou ville en parallaxe.
-
Tours
Ligne d'arrivée, détection du tour et chrono.
-
Circuits
Plusieurs pistes sélectionnables depuis le menu.
-
Finitions
Sons, musique, garage, boîte de vitesses et manette.
05 Et après
Éditeur de circuit
Dessiner son propre tracé à la souris et le transformer automatiquement en piste.
Classement
Un simple pseudo, sans mot de passe, et un tableau des meilleurs temps pour chaque circuit.
Ambiance
Choisir l'heure de la journée et la météo avant de partir.
Décor
Des palmiers, des rochers et d'autres éléments au bord de la route.