hubbub.html
Laura.OS › Bureau › Hubbub
Le logo hubbub devant des bâtiments dessinés (café, école, hôpital, magasin) et un groupe de petits habitants blancs

Hubbub

octobre 2026

Hubbub est un jeu de gestion de quartier, réalisé en Gamejam dans le cadre du Bachelor Développement Web & Application au CREA. Des habitants arrivent dans un quartier avec un besoin au-dessus de la tête. On pose des bâtiments pour les satisfaire, on ramasse les pièces qu'ils laissent, et on recommence, de plus en plus vite. Deux bâtiments compatibles côte à côte fusionnent et servent un troisième besoin que rien d'autre ne sert.

Le jeu est construit avec Phaser pour le plateau, Vue pour l'interface et TypeScript pour les règles, écrites comme des fonctions pures et testées. Les illustrations sont dessinées à la main.

Le logo hubbub en bleu foncé sur un nuage blanc, sur un fond bleu clairUne mascotte blanche en fête et une mascotte rose boudeuse, avec les icônes des besoins : café, parc, école, hôpital et shop, sur fond bleu foncé
Les cinq bâtiments dessinés à la main : café à store jaune, école orange, parc vert, hôpital rose et shop violet, sur fond bleu pâle
Les trois fusions dessinées à la main : la terrasse, le préau et le fleuriste, sur fond beige

Couleurs

Une base bleue et beige, le vert du parc et le jaune de l'argent en accent.

  • #FBF9ED
  • #A4C2D4
  • #3F5680
  • #63C497
  • #F3D54C

Typographie

Schoolbell
Détails de la police
Aperçu des lettres A, a, B, b en Schoolbell
Lettres et chiffres
Alphabet et chiffres en Schoolbell

Jouer à Hubbub

Mockup d'un ordinateur portable affichant une partie du niveau 3 de Hubbub : un quartier rempli de bâtiments et d'habitants
Mockup d'un ordinateur portable en vol affichant le menu des niveaux de Hubbub, le niveau 2 étant en coursMockup d'un ordinateur portable ouvert affichant le carnet des fusions de Hubbub : terrasse, préau et fleuriste
Mockup d'un ordinateur portable affichant l'écran de défaite de Hubbub : « les habitants ne sont pas satisfaits »

Workflow IA

J'ai travaillé avec Claude Code. J'ai rédigé les SPECS du jeu et un CLAUDE.md qui fixe les règles permanentes du projet, puis j'ai créé trois skills, /po, /dev et /tester, qui se passent le relais.

  1. 1 Je décris ce que je veux
  2. 2 Met à jour les SPECS, écrit la story /po
  3. 3 Je valide la story
  4. 4 Code la story, puis s'arrête /dev
  5. 5 Je joue et je relis la diff
  6. 6 Écrit et lance les tests /tester
  7. 7 Je commite

SPECS et CLAUDE.md sont le cadre que les skills relisent à chaque story.