The Blooming Garden

The Blooming Garden est un jeu multijoueur en ligne où deux joueurs s’affrontent dans un jardin interactif. Pour jouer, chaque utilisateur doit d’abord s’authentifier, puis il peut contrôler son personnage avec les flèches du clavier pour se déplacer. Le but est de planter des légumes en appuyant sur la touche “P”, tout en essayant d’être plus rapide que son adversaire. Il y a aussi des éléments comme le soleil qui donnent des bonus : quand un joueur le touche, il gagne un légume supplémentaire dans son score. Le premier joueur qui réussit à planter 5 légumes gagne la partie. Le jeu est accessible directement dans le navigateur, ce qui le rend simple à utiliser et rapide à tester.

Sur le plan technique, le jeu repose sur une architecture client-serveur en temps réel utilisant JavaScript. La communication entre les joueurs est assurée par MultiNode.js via WebSocket, ce qui permet de synchroniser les actions (déplacements, plantation, bonus) en direct et d’assurer une expérience cohérente pour les deux joueurs. Pour l’affichage graphique, notamment les sprites des joueurs et de la taupe, j’utilise CreateJS, tandis que TweenJS est utilisé pour gérer les animations comme l’apparition des légumes et certains effets visuels ce qui rend le jeu plus fluide et dynamique.

Du point de vue de la maintenabilité, notamment de l’extensibilité, le code est structuré en plusieurs composants distincts (joueurs, légumes, bonus), ce qui facilite la compréhension, la modification et l’ajout de nouvelles fonctionnalités sans impacter l’ensemble du projet. Le serveur agit comme une point de contrôle principal, ce qui permet d’éviter les conflits entre joueurs et de garantir la synchronisation des données. Ces choix techniques permettent d’obtenir un jeu à la fois simple, performant et évolutif, tout en restant facile à maintenir sur le long terme.

Lien vers la vidéo:cliquer ici