Calendrier de l'Avent Klaus

Réalisé dans le cadre de la SAE de troisième année de BUT MMI, ce projet partait d'une envie : faire d'un calendrier de l'Avent autre chose qu'une simple suite de cases à ouvrir. Nous voulions un format qui combine narration, illustration et interactivité, pour que l'ouverture quotidienne devienne une vraie petite expérience. L'univers tourne autour de cinq personnages (Klaus, Alva, Jesper, Margu et Mogens) et de leur village, avec une direction artistique entièrement dessinée à la main par l'équipe.

• 01

  Village comme hub central

  La carte du village est le point de retour entre chaque journée. Au fil de la progression, des éléments du décor s'illuminent pour signaler les nouvelles scènes accessibles. C'est aussi la façon dont nous évitons un menu classique : tout se fait depuis la scène.

• 02

  Dialogues mis en scène

  Les rencontres avec les habitants prennent la forme de scènes de dialogue avec portraits animés. Le texte apparaît au rythme de la lecture et les portraits réagissent aux émotions du moment. Ça nous a permis de raconter une vraie histoire sans avoir à produire de vidéos.

• 03

  Mini-jeu de dessin

  Un canvas avec plusieurs crayons colorés permet à l'utilisateur de dessiner librement, à main levée. Le dessin produit est ensuite offert à un personnage dans la scène suivante. C'est l'un des mini-jeux qui crée le plus d'attachement, parce que la production est unique à chaque joueur.

• 04

  Jardin 3D à arroser

  Un mini-jeu en 3D construit avec Three.js : repérer parmi les pots du potager ceux qui ont besoin d'eau et les arroser dans le bon ordre. C'était l'occasion pour nous de sortir du tout-2D et d'apporter de la variété dans le rythme du calendrier.

• 05

  Inventaire glisser-déposer

  Un sac à dos accessible à tout moment via une modale, avec des emplacements en drag-and-drop. Les objets glanés au fil des journées peuvent être conservés et réutilisés plus tard dans certaines scènes.

• 06

  Jauge de progression latérale

  Une jauge sur le côté se remplit à mesure que l'utilisateur accomplit des bonnes actions. C'est une petite mécanique de feedback visuel qui donne une lecture immédiate du chemin parcouru, sans avoir à ouvrir un menu de progression.

• 07

  Écrans de récompense

  Après chaque action importante, un écran dédié célèbre le moment avec une mise en scène visuelle avant de renvoyer vers la carte. L'idée était de marquer les étapes plutôt que d'enchaîner les scènes sans respiration.

• 08

  Conclusion narrative

  La dernière journée déroule une séquence finale : une enveloppe à ouvrir, puis un cadeau ultime. Cette mise en scène a été pensée comme la vraie fin du parcours, pour que l'utilisateur qui a tenu les 24 jours ait droit à une récompense émotionnelle, pas juste à un écran "Terminé".

• 09

  Reprise automatique

  Toutes les journées validées et les objets récoltés sont mémorisés en localStorage. L'utilisateur retrouve son calendrier dans l'état exact où il l'a laissé, sans avoir besoin d'un compte. Adapté au format Avent : on revient un jour sur deux.

• 10

  Univers dessiné à la main

  Tous les visuels (décors, personnages, objets) ont été dessinés à la main par l'équipe puis vectorisés. Cette cohérence graphique est ce qui fait l'identité du projet : un calendrier qui se distingue immédiatement des templates Avent classiques.