Article
Oeuvre Jeu Multijoueur
Ow-Flappy – Jeu multijoueur en ligne temps réel
Ow-Flappy est un jeu multijoueur compétitif inspiré de l’univers d’Overwatch, jouable directement dans le navigateur à deux joueurs en temps réel.
Chaque joueur pilote son convoi, esquive les roquettes lancées par Pharah et tente de survivre plus longtemps que son adversaire.
L’expérience est accessible instantanément : il suffit d’entrer un pseudonyme et un code de partie pour rejoindre ou créer une session privée.
Pensé pour être partagé facilement, le jeu tourne 24h/24 sur un serveur dédié et supporte plusieurs parties simultanées sans interférence.
Sur le plan technique, le projet repose sur une architecture Node.js + WebSocket déployée sur VPS avec PM2 pour la gestion des processus et un certificat SSL pour des connexions sécurisées (wss://).
La logique multijoueur est gérée par un système de rooms isolées côté serveur : chaque partie est identifiée par un roomCode unique stocké dans une Map Node.js, ce qui garantit l’isolation totale des sessions et permet de scaler horizontalement sans base de données.
Ce choix de structure de données est justifié par un compromis de maintenabilité : une Map offre une complexité O(1) pour l’accès et la suppression des rooms, tout en restant lisible et extensible — ajouter un troisième joueur ou une logique de spectateur ne nécessiterait qu’une modification localisée dans la classe Room, sans impacter le reste du serveur.
Le serveur joue un rôle autoritaire minimal : il valide les collisions et les scores côté serveur pour éviter la triche, tout en laissant le rendu graphique au client via EaselJS (canvas HTML5) — une séparation claire entre moteur de jeu et logique métier qui améliore la testabilité et la portabilité du code.
La gestion des déconnexions est robuste : un hook actionDeconnexionJoueur remet l’état de la room à zéro, notifie le joueur restant et libère la mémoire.
Le client gère un cycle de vie complet — waiting / playing / finished — avec un bouton Rejouer qui réinitialise la partie sans recharger la page, en réutilisant la connexion WebSocket existante.
- Code source Ow-Flappy :
Voir le dépôt GitHub - Jouer en ligne :
Lancer Ow-Flappy
- Accueil
- Jeu
- Fin
Tags : EaselJS, JavaScript, Jeu, Maintenance web, multijoueur, Node.js, temps réel, vps, WebSocket
Derniers articles
-
Projet Web interactif
January 29, 2026
-
Oeuvre Technologie Web
January 29, 2026
-
Oeuvre Web Dynamique
January 29, 2026
-
Oeuvre Jeu Multijoueur
January 29, 2026
-
Oeuvre Objet Connecté
January 29, 2026


