← Labo
Jeu en ligne

Souffle les bougies

Un mini-jeu d'anniversaire à offrir par lien. Chaque fête (prénom, âge, message, vœux) tient entièrement dans l'URL : un seul déploiement, autant de fêtes qu'on veut, et le lien reste opaque pour préserver la surprise.

Souffle les bougies

Un cadeau, pas un message. Le projet part d’un anniversaire et de l’envie d’offrir autre chose qu’un texte : une luciole qu’on fait voler du doigt, des bougies à éteindre en passant pile dans la flamme, un coffre au trésor au bout du voyage. Conception et développement de A à Z, en Phaser 3 et Vite.

Une fête, une URL

C’est l’idée qui structure tout le reste. Le prénom, l’âge (qui devient le nombre de bougies d’or à souffler), le petit mot et les vœux personnalisés sont encodés dans le lien lui-même. Un seul déploiement sert donc toutes les fêtes : jamais de code à éditer, jamais de redéploiement pour une nouvelle personne. Et comme le lien est encodé, impossible de deviner le message en le lisant : la surprise tient jusqu’au bout. La progression est stockée par fête, si bien que trois personnes peuvent jouer sur le même téléphone sans se marcher dessus.

La mécanique que j’ai jetée

La première version se jouait au souffle, pour de vrai : le micro captait l’air et faisait monter le personnage. Techniquement ça marchait, calibration du bruit ambiant, seuil, hystérésis, et même un test d’entrée où il fallait éteindre une vraie bougie à l’écran avant de pouvoir jouer. Mais c’était impossible à doser, et épuisant au bout de trente secondes. Je l’ai retirée et archivée intégralement, au cas où elle revienne un jour. C’est peut-être ce que ce projet m’a le mieux appris : une mécanique qui fonctionne n’est pas une mécanique qui s’amuse.

Pas une seule image

Tout ce qui s’affiche est dessiné au démarrage : le personnage, les bougies, les flammes, les immeubles, le coffre. Les sons suivent la même logique, générés par un script puis exportés en MP3, ce dernier point pour une raison très terre à terre : sur iPhone, le petit interrupteur silencieux coupe le Web Audio mais laisse passer les balises audio. Le jeu s’installe comme une app et tourne hors-ligne, exactement ce qu’on demande à un jeu qu’on sort dans un jardin ou dans un avion.

Deux façons de jouer

La Super Quête avance par checkpoints : chaque bougie d’or soufflée sauvegarde la progression, un crash renvoie au dernier point de passage. Le Fast Night est un mode sans fin où la vitesse monte par paliers de score, celui qu’on relance « juste une dernière fois ». Les niveaux sont générés de façon déterministe, et un éditeur maison, actif en développement seulement, sert à les régler.

Une deuxième vie en page 404

Le jeu existe aussi en version allégée, pensée pour vivre dans la page 404 d’un site : mode rapide direct, sans menu, sans service worker, sans une ligne de CSS qui déborde sur la page hôte. Une page d’erreur est toujours une impasse : autant y mettre quelque chose à faire.

Environ 4 200 lignes, 25 commits, démarré en juillet 2026. Phaser 3, Vite, Sass, PWA (Workbox), déploiement continu sur Netlify.

Aller plus loin
Sur le même thème

Autres explorations

Tout le labo →
Contact
Votre projet devient le prochain point de focus.
Activez au moins 2 expertises pour me contacter