1. Comprendre
Définir une boucle simple : courir, sauter, esquiver, récupérer et améliorer son score.
Un mini-jeu arcade de course et de saut qui travaille le rythme, les collisions, le score et le feedback instantané.
« Je voulais un jeu qu’on comprenne en quelques secondes et qu’on relance aussitôt : esquiver les bugs, attraper les bonus, battre son record. »
Run & Debug est un endless runner dans lequel le personnage évite des bugs, récupère des bonus et tente de battre son record.
Le défi était de créer une boucle de jeu courte, immédiatement compréhensible et suffisamment réactive pour donner envie de recommencer.
J’ai réalisé le mini-jeu de A à Z : direction artistique, game design, boucle de jeu, écrans, collisions, rendu et retours visuels.
Définir une boucle simple : courir, sauter, esquiver, récupérer et améliorer son score.
Séparer logique, entrées, collisions, rendu, états du jeu et interface pour garder le code lisible.
Créer des écrans courts et colorés pour lancer une partie, choisir un niveau et comprendre le résultat.
Ajuster vitesse, hitboxes, difficulté, responsive et mémorisation locale du record.
Le décor pastel, les personnages très contrastés et les effets courts rendent chaque obstacle et récompense immédiatement identifiable.
#6C63FF#FF6FAE#FFD45C#EAF7FFUne typographie ronde et énergique pour le jeu, avec des chiffres très lisibles pour le HUD.
Écran de chargement, choix du niveau, HUD, canvas de jeu, game over et célébration du record.
Le jeu est structuré en modules JavaScript distincts pour le moteur, le rendu, les entrées, les collisions, les obstacles, les effets et la persistance locale.
input → logique → collisions → rendu
↘ score + record ↗Rendre les collisions justes alors que les sprites ont des silhouettes irrégulières.
Hitboxes ajustées à la zone utile et séparation claire entre rendu visuel et collision réelle.
Conserver une vitesse agréable sur différentes tailles d’écran.
Boucle de jeu basée sur le temps, redimensionnement contrôlé du canvas et interface indépendante du rendu.
Le jeu propose une boucle complète avec difficulté, vies, score, bonus, écran de fin et conservation du record.
Run & Debug a consolidé ma pratique du JavaScript interactif et ma compréhension du lien entre rythme, feedback visuel et sensation de contrôle.