Jeu – Interface de résultats et amélioration du combo – Alice
J’ai poursuivi le développement de la scène de résultats en ajoutant des informations plus détaillées et en améliorant le système de combo.
Interface de fin de partie
La scène de résultats affiche maintenant correctement :
- le nombre de Perfect, Ok et Miss,
- le combo réalisé pendant la partie.
J’ai travaillé sur la récupération et l’affichage de ces données pour donner un retour clair au joueur.
Amélioration du système de combo
J’ai créé une nouvelle fonction de combo qui détecte les séries de Perfect consécutifs. Lorsque plusieurs Perfect sont enchaînés, un bonus de points est désormais ajouté. Cela permet de valoriser la précision du joueur et d’ajouter une dimension plus compétitive au gameplay.
Footer & Animation du chat
Footer
Après la section Articles de la page d’Accueil, je me suis attaquée au footer du site. Avant de commencer l'intégration, j'ai réalisé des maquettes afin de valider le rendu avec le reste de l'équipe et de s'assurer que tout le monde était aligné sur le résultat attendu. Une fois les maquettes validées, j'ai procédé à l'intégration.
Animation du chat
En parallèle du travail sur le site, j'ai travaillé sur la création de l'animation du chat. Je me suis appuyée sur un gif existant comme base de référence, à partir duquel j'ai construit une animation en boucle de quelques secondes. Techniquement, l'exercice n'est pas particulièrement complexe, mais il est extrêmement chronophage : chaque frame de l'animation doit être dessinée individuellement à la main, ce qui demande beaucoup de temps et de rigueur pour obtenir un résultat fluide et cohérent.
Site – Affichage des scores et classement interactif – Théo
Avec les scores qui s'accumulaient en base, il fallait proposer une interface claire pour les consulter. J'ai mis en place deux pages : un classement général et une vue par joueur, accessible en cliquant sur un pseudo.
Live Component interactif
Pour rendre le classement dynamique sans rechargement de page, j'ai utilisé les Live Components de Symfony UX. Les deux pages reposent sur le même composant réutilisable, qui gère :
- Filtrage par musique : des onglets permettent de filtrer par titre. Les musiques sont triées par popularité. Quand une musique est sélectionnée, sa pochette et un lecteur audio s'affichent.
- Tri : par date ou par score, en ordre croissant ou décroissant.
- Pagination : 25 résultats par page avec navigation.
Chaque ligne du classement affiche la date, le score formaté, la musique et le pseudo du joueur — tous deux cliquables pour filtrer ou accéder au profil.
Statistiques du profil
La page profil offre une synthèse des performances du joueur : précision moyenne (ratio perfect+ok / total), meilleur combo et combo moyen, calculés dynamiquement depuis les scores en base.
Front – Stylisation des pages d’authentification et de la page profil - Faustine
Je me suis ensuite concentrée sur l’intégration front du site, en travaillant sur la stylisation de plusieurs pages existantes.
J’ai pris en charge les pages de connexion et d’inscription, en appliquant un style cohérent avec l’univers du projet. Le travail a porté sur la mise en forme des formulaires, la gestion des espacements, des alignements et des états interactifs (focus, hover), afin d’améliorer la lisibilité et le confort d’utilisation.
En parallèle, j’ai stylisé la page profil. L’objectif était de mettre en valeur les informations utilisateur en structurant clairement les différentes sections, tout en conservant une interface sobre et efficace.