Work

Mokepons - Jeu

POO
games
Express
Api
Client-Service

We developed brand positioning and design assets for the launch of a new colored water product.

Soft pink and baby blue water ripples together in a subtle texture.

Un jeu multijoueur où vous sélectionnez un Mokepon et combattez d’autres joueurs dans un univers dynamique. Ce projet, conçu pour le plaisir et l’apprentissage, met en avant des mécaniques de jeu simples mais stratégiques.

Présentation

Mokepons est un jeu en ligne où les joueurs choisissent un compagnon Mokepon et s’affrontent en utilisant leurs attaques spéciales. Explorez une carte interactive, interagissez avec vos ennemis et montrez votre habileté stratégique pour remporter la victoire.

Fonctionnalités
  • Sélection de Mokepons : Chaque joueur peut choisir entre trois Mokepons uniques (Hipodoge, Capipepo et Ratigueya) avec des attaques variées.
  • Combat stratégique : Sélectionnez vos attaques avec soin pour déjouer les stratégies adverses.
  • Carte interactive : Déplacez votre Mokepon sur une carte animée et déclenchez des combats en cas de collision avec d’autres joueurs.
  • Multijoueur : Interagissez avec d’autres joueurs en temps réel grâce à un backend connecté.
Technologies Utilisées
Frontend
  • HTML5, CSS3, JavaScript pour une interface interactive.
  • Canvas pour la carte et l’affichage dynamique des Mokepons.
Backend
  • Node.js et Express pour la gestion des joueurs, des combats et des positions en temps réel.
  • API REST pour la communication entre les clients.
Infrastructure
  • Serveur local pour le développement.
  • Hébergement potentiel sur un VPS pour les jeux en ligne.
Comment Jouer
1. Lancement Local
  1. Clonez le dépôt : git clone <lien-du-depot>
  2. Installez les dépendances backend : npm install
  3. Démarrez le serveur : node index.js
  4. Ouvrez index.html dans un navigateur.
2. Jouer en ligne

Visitez le site du jeu Mokepons pour jouer directement.

3. Gameplay
  • Étape 1 : Sélectionnez votre Mokepon favori.
  • Étape 2 : Déplacez votre Mokepon sur la carte pour trouver un adversaire.
  • Étape 3 : Engagez un combat et choisissez vos attaques pour remporter la victoire.
Captures d’Écran
Code Source

Le code source est disponible sur demande. Veuillez contacter l’auteur pour plus d’informations.