Jeu de collection de pièces multijoueur
Un jeu multijoueur collaboratif 2D implémenté en utilisant HTML5, CSS3 et JavaScript avec des capacités de communication en temps réel via WebSockets.
Table des matières
- Caractéristiques
- Commencer
- Gameplay
- Technologies utilisées
- Instructions de configuration
- Contribuer
- Captures d'écran
- Licence
Caractéristiques
- Synchronisation des mouvements des joueurs en temps réel.
- Collection de pièces avec suivi des scores pour deux joueurs.
- Retour audio simple sur la collecte de pièces.
- Conception réactive adaptée à différentes tailles d’écran.
Gameplay
- Démarrez le jeu et partagez votre code de chambre avec un autre joueur pour l'inviter à vous rejoindre.
- Utilisez les touches fléchées ou les commandes WASD pour déplacer votre personnage dans la zone de jeu.
- Collectez des pièces dispersées dans la zone de jeu pour augmenter votre score.
- Les mises à jour en temps réel garantissent que les deux joueurs voient le même état du jeu.
Technologies utilisées
- HTML5 pour la structure et le contenu.
- CSS3 pour le style et l'animation.
- JavaScript pour la logique, la gestion des événements et la communication en temps réel via WebSockets ou des protocoles similaires.
- WebSockets pour l'établissement de connexions peer-to-peer et la transmission de données entre joueurs.
Instructions de configuration
Conditions préalables
- Un navigateur Web moderne (Chrome, Firefox, Edge).
- Node.js avec npm/yarn installé pour exécuter le serveur backend si nécessaire. (Facultatif : si vous n'utilisez pas de serveur de fichiers statique.)
Étapes d'installation
- Clonez ce dépôt sur votre machine locale :
- Accédez au répertoire du projet. À des fins de développement, vous devrez peut-être démarrer un serveur Web local pour servir les fichiers du jeu. Utilisez un simple serveur HTTP comme live-server (package npm) si aucun backend n'est impliqué :
npm install -g live-server # Install live-server globally
live-server . # Start the server in this directory
Vous pouvez également déplacer simplement index.html dans le nouvel onglet du navigateur.
Captures d'écran
Les captures d'écran d'un jeu peuvent être trouvées sur la page Versions.
Contribuer
Les contributions sont les bienvenues ! Veuillez soumettre une pull request pour toute amélioration, correction de bug, nouvelle fonctionnalité, etc. Assurez-vous de suivre les styles de code existants et d'inclure des tests le cas échéant.
Licence
Ce projet est sous licence MIT - voir le fichier LICENSE pour plus de détails.