Shlagémon
Shlagémon plonge le joueur dans un univers délirant peuplé de créatures totalement absurdes à capturer, faire combattre et faire évoluer pour compléter le Shlagedex et devenir le dresseur ultime. Développé avec Vue 3, Vite et TypeScript, le projet s'appuie sur Pinia avec persistance pour la gestion d'état, UnoCSS en mode attributify pour un design mobile first, et une carte interactive Leaflet pour explorer le monde. L'application est installable en PWA, fonctionne hors-ligne et embarque plusieurs mini-jeux (Tic Tac Toe, Bataille navale, Puissance 4, Mastermind, Memory, Taquin) pour varier les sources de Shlagidolar.
Liens du projet
Points clés du projet
Combats au tour par tour et efficacité des types
Chaque créature appartient à un ou plusieurs types improbables qui déterminent l'efficacité des attaques en combat. Les chances de capture dépendent de la vie restante et du niveau de l'ennemi, ce qui pousse à affaiblir intelligemment un Shlagémon avant de tenter de le capturer.
Un monde à explorer sur une carte interactive
Une carte construite avec Leaflet permet de naviguer entre les différentes zones et villages du monde de Shlagémon. Chaque secteur héberge des créatures spécifiques, un magasin, un dojo et des mini-jeux, encourageant l'exploration pour compléter la collection.
Le Shlagedex, une collection à faire évoluer
Chaque créature capturée est enregistrée dans le Shlagedex avec ses statistiques (vie, attaque, défense, puanteur) et sa description absurde. Certaines créatures peuvent évoluer à partir d'un niveau donné, ajoutant une couche de progression à la collection.
Défis rencontrés
Concevoir un système de combat et de capture équilibré (efficacité des types, chances de capture liées à la vie restante) tout en gardant une interface lisible et amusante sur mobile comme sur grand écran.
Structurer un projet Vue 3 de grande ampleur (plus de 170 créatures, plusieurs mini-jeux, carte interactive, PWA, i18n) en gardant une architecture Pinia claire et des performances fluides.