Aucune intelligence artificielle n'a été utilisé dans la rédaction de cet article.

Contexte et objectifs

Dice était à l'origine un jeu Flash auquel je jouais avec des amis. La fin d'Adobe Flash Player a entraîné la fermeture de nombreux sites de jeux qui nous tenaient à cœur. Pour mon premier projet, j'ai décidé de reconstruire Dice en conservant les règles de base, mais en y ajoutant mon propre style. Peut-être que j'ajouterai d'autres règles à l'avenir. Vous pouvez jouer à mon en cliquant sur iotactile Games.

Choix des technologies

Comme toujours, j'ai décidé de rester sur la stack que je maîtrise le mieux pour ce projet, c'est-à-dire Nuxt.js avec TypeScript et Node.js, ainsi que Firebase. Je vous invite à consulter mon précédent article sur les Délices du Campus pour en savoir plus sur le choix des technologies.

J'ai intégré Vuefire, une extension officielle pour Vue.js qui facilite l'intégration de Firebase dans une application Vue.js. Vuefire agit comme une couche d'abstraction entre Vue.js et Firebase, offrant des fonctionnalités avancées pour synchroniser les données de l'application avec la base de données Firebase. Les principaux avantages sont les suivants :

- Gestion des données en temps réel : L'un des principaux avantages de Vuefire est sa capacité à synchroniser automatiquement les données entre l'application Vue.js et Firebase en temps réel. Cela signifie que chaque fois qu'une modification est apportée aux données sur le serveur Firebase, l'application sera mise à jour instantanément, garantissant ainsi une expérience utilisateur réactive et fluide.

- Facilité d'intégration : Vuefire simplifie grandement le processus d'intégration de Firebase dans un projet Vue.js. Il fournit des composants prêts à l'emploi tels que FirestoreCollection et FirestoreDocument, qui vous permettent de lier facilement vos données Firebase à votre interface utilisateur Vue.js. De plus, Vuefire facilite également l'utilisation d'autres fonctionnalités Firebase, telles que l'authentification et le stockage de fichiers.

- Réactivité et suivi des changements : Grâce à la réactivité de Vue.js, Vuefire permet de suivre facilement les modifications des données Firebase. Vous pouvez utiliser les fonctionnalités de Vue.js telles que les computed properties et les watchers pour réagir aux changements de données et mettre à jour automatiquement votre interface utilisateur en conséquence. Cela rend le développement d'applications en temps réel plus simple et plus efficace.

Principales fonctionnalités

Dans un premier temps, vous arrivez sur la page d'accueil de Dice. Sur cette page, vous avez le choix entre créer une session, rejoindre une partie aléatoirement ou rejoindre une partie choisie. Les sessions se mettent à jour en temps réel sur votre écran.

Une fois que vous êtes sur la page de votre session de jeu, vous devez attendre que la personne qui a créé la session lance la partie. Une fois que c'est fait, la partie commence et l'ordre des joueurs est indiqué par un son ainsi qu'un petit bonhomme blanc qui tourne sur lui-même. Chaque joueur peut effectuer jusqu'à trois lancers par tour afin d'obtenir les dés qu'il souhaite. Le but est de remplir toutes les cases avec le plus de points possible afin d'obtenir le score le plus élevé et remporter la victoire.

Vous avez également accès à un chat en temps réel sur votre droite, ce qui vous permet de discuter pendant votre partie.

La partie se termine lorsque toutes les cases sont remplies, et un menu s'ouvre avec le podium accompagné d'un son en fonction de votre classement (c'est assez amusant).

Sur la page de classement, vous retrouverez des informations sur tous les joueurs de Dice, telles que leur position, leur nombre de victoires, leur score le plus élevé et le nombre de cinq identiques réalisés.

Sur la page des résultats, vous trouverez des informations complémentaires vous concernant, comme votre nombre de parties, votre pourcentage de victoires, votre score moyen ou encore votre score total.

Vous pouvez apprendre les règles du jeu sur la page correspondante.


Vous avez la possibilité de mettre votre thème en jour ou nuit.

Fonctionnalités à venir

- Un format pour mobile.

- Un mode plein écran fonctionnel pour une immersion totale dans le jeu.

- Un lecteur de musique avec différentes musiques en fonction de l'ambiance que vous souhaitez.

- Plusieurs thèmes variés comprenant la couleur des dés, le plateau de jeu et le tableau des scores sont également en cours de développement.

Conclusion

Je suis extrêmement fier de vous présenter mon premier jeu. Il m'a donné du fil à retordre, j'ai appris de nombreuses choses au cours de sa réalisation, mais j'ai encore beaucoup à apprendre. Le prochain jeu devrait sortir pendant la période estivale.

Merci de m'avoir lu jusqu'au bout, je vous dis à la prochaine et j'ai hâte de vous retrouver sur Dice. À bientôt !