0%
← Retour

Calendrier de l'Avent Klaus

Calendrier de l'Avent narratif et interactif où chaque journée se vit comme une scène : dialogues animés, mini-jeux et bonnes actions à accomplir pour faire éclore un univers tout en douceur.

Calendrier de l'Avent Klaus
CatégorieInteractiveAnnée2026RôleConception & développement
À propos

Réalisé dans le cadre de la SAE de troisième année de BUT MMI, ce projet propose de revisiter le calendrier de l'Avent traditionnel en lui offrant une véritable mise en scène. L'objectif était de combiner narration, illustration et interactions pour transformer la simple ouverture quotidienne en une expérience sensible, autour des personnages de Klaus, Alva, Jesper, Margu et Mogens.

Fonctionnalités

Ce que la plateforme permet

  • 01

    Carte interactive du village

    Page d'accueil illustrée où chaque élément du décor se transforme en porte d'entrée vers une journée à découvrir, avec des éléments qui s'illuminent au fil de la progression.

  • 02

    Scènes de dialogue animées

    Échanges scénarisés avec les habitants du village, accompagnés de portraits expressifs qui s'enchaînent au rythme de la lecture pour donner vie à chaque rencontre.

  • 03

    Espace de dessin libre

    Mini-jeu de dessin équipé de plusieurs crayons colorés et d'un tracé fluide à main levée, permettant de réaliser une création offerte ensuite à un personnage.

  • 04

    Jardin à arroser en 3D

    Mini-jeu en trois dimensions invitant à repérer les pots assoiffés parmi le potager et à les arroser dans le bon ordre pour faire éclore les plantes.

  • 05

    Inventaire interactif

    Sac à dos accessible à tout moment, présenté sous forme de modale avec emplacements glisser-déposer pour conserver et réutiliser les objets glanés au fil des jours.

  • 06

    Jauge de bonnes actions

    Barre de progression latérale qui se remplit au rythme des cadeaux récoltés, offrant une lecture immédiate du chemin parcouru dans le calendrier.

  • 07

    Système de récompenses

    Écrans dédiés célébrant chaque action accomplie avec une mise en scène visuelle valorisante avant le retour à la carte principale.

  • 08

    Lettre et cadeau de fin

    Séquence finale révélant une enveloppe à ouvrir puis un cadeau ultime, pensée comme une véritable conclusion émotionnelle au parcours de l'Avent.

  • 09

    Sauvegarde locale persistante

    Mémorisation automatique des journées validées et des objets obtenus afin de pouvoir reprendre le calendrier exactement là où il avait été laissé.

  • 10

    Direction artistique illustrée

    Univers graphique entièrement dessiné à la main, avec des assets vectoriels et des textures travaillées pour donner au projet une identité chaleureuse et cohérente.

Stack

Outils & technologies

React 19ViteThree.jsReact 19ViteThree.js
Galerie

Aperçus