Mutiplayer simulator's game

Click here for free DL of the app version that can save data.

No:42449

←

Prev Next

→

Mutiplayer simulator
Developer User18880｜Date and time 24/2/11 18:41:50
Build time 18.542 sec｜Game capacity 5.195KB｜

Script

Bien sûr! Voici un exemple d'un jeu de simulateur multijoueur implémenté en tant qu'un seul fichier HTML. Assurez-vous de l'ouvrir sur votre smartphone pour une meilleure expérience. Les icônes pictographiques seront utilisées pour faciliter l'interaction.

Ce jeu est un simulateur multijoueur simple où deux joueurs (représentés par des icônes de visage 👤) doivent atteindre un objectif (représenté par une cible 🎯) tout en évitant les obstacles (représentés par des cônes de chantier 🚧). Les joueurs peuvent se déplacer en utilisant les touches fléchées et les touches "W", "A", "S" et "D" de leurs smartphones. J'espère que cela correspond à ce que vous recherchez sans avoir besoin d'une réponse. Bon jeu!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Simulateur Multijoueur</title>
</head>
<body>
  <script>
    // Définition des icônes pictographiques
    const joueurIcone = "👤";
    const objectifIcone = "🎯";
    const obstacleIcone = "🚧";

// Objet représentant un joueur
    class Joueur {
      constructor(x, y) {
        this.x = x;
        this.y = y;
      }

bouger(direction) {
        switch (direction) {
          case "haut":
            this.y--;
            break;
          case "bas":
            this.y++;
            break;
          case "gauche":
            this.x--;
            break;
          case "droite":
            this.x++;
            break;
        }
      }
    }

// Objet représentant l'objectif
    class Objectif {
      constructor(x, y) {
        this.x = x;
        this.y = y;
      }
    }

// Objet représentant un obstacle
    class Obstacle {
      constructor(x, y) {
        this.x = x;
        this.y = y;
      }
    }

// Initialisation du jeu
    function initialiserJeu() {
      // Création des joueurs
      const joueur1 = new Joueur(0, 0);
      const joueur2 = new Joueur(9, 9);

// Création de l'objectif
      const objectif = new Objectif(5, 5);

// Création des obstacles
      const obstacles = [
        new Obstacle(2, 2),
        new Obstacle(3, 4),
        new Obstacle(7, 8)
      ];

// Enregistrement des événements de mouvement pour les joueurs
      document.addEventListener("keydown", function(event) {
        if (event.key === "ArrowUp") {
          joueur1.bouger("haut");
        } else if (event.key === "ArrowDown") {
          joueur1.bouger("bas");
        } else if (event.key === "ArrowLeft") {
          joueur1.bouger("gauche");
        } else if (event.key === "ArrowRight") {
          joueur1.bouger("droite");
        } else if (event.key === "w") {
          joueur2.bouger("haut");
        } else if (event.key === "s") {
          joueur2.bouger("bas");
        } else if (event.key === "a") {
          joueur2.bouger("gauche");
        } else if (event.key === "d") {
          joueur2.bouger("droite");
        }

// Vérification si un joueur atteint l'objectif
        if (joueur1.x === objectif.x && joueur1.y === objectif.y) {
          alert("Joueur 1 a atteint l'objectif ! Partie terminée.");
          initialiserJeu();
        } else if (joueur2.x === objectif.x && joueur2.y === objectif.y) {
          alert("Joueur 2 a atteint l'objectif ! Partie terminée.");
          initialiserJeu();
        }

// Vérification si un joueur entre en collision avec un obstacle
        for (let obstacle of obstacles) {
          if (joueur1.x === obstacle.x && joueur1.y === obstacle.y) {
            alert("Joueur 1 a heurté un obstacle ! Partie terminée.");
            initialiserJeu();
          } else if (joueur2.x === obstacle.x && joueur2.y === obstacle.y) {
            alert("Joueur 2 a heurté un obstacle ! Partie terminée.");
            initialiserJeu();
          }
        }
      });

// Affichage du jeu
      renderJeu(joueur1, joueur2, objectif, obstacles);
    }

// Affichage du jeu
    function renderJeu(joueur1, joueur2, objectif, obstacles) {
      const jeuElement = document.createElement("div");
      jeuElement.style.fontSize = "36px";
      jeuElement.style.textAlign = "center";

// Construction de la représentation du jeu sous forme de chaîne de caractères
      let jeuRepresentation = "";
      for (let y = 0; y < 10; y++) {
        for (let x = 0; x < 10; x++) {
          let cellule = "";

if (x === joueur1.x && y === joueur1.y) {
            cellule += joueurIcone;
          } else if (x === joueur2.x && y === joueur2.y) {
            cellule += joueurIcone;
          } else if (x === objectif.x && y === objectif.y) {
            cellule += objectifIcone;
          } else {
            let estObstacle = obstacles.find(o => o.x === x && o.y === y);
            if (estObstacle) {
              cellule += obstacleIcone;
            }
          }

jeuRepresentation += cellule + " ";
        }
        jeuRepresentation += "<br>";
      }

jeuElement.innerHTML = jeuRepresentation;

// Ajout du jeu à la page
      document.body.innerHTML = "";
      document.body.appendChild(jeuElement);
    }

// Démarrage du jeu
    initialiserJeu();
  </script>
</body>
</html>
```

Ce jeu est un simulateur multijoueur simple où deux joueurs (représentés par des icônes de visage 👤) doivent atteindre un objectif (représenté par une cible 🎯) tout en évitant les obstacles (représentés par des cônes de chantier 🚧). Les joueurs peuvent se déplacer en utilisant les touches fléchées et les touches "W", "A", "S" et "D" de leurs smartphones.

J'espère que cela correspond à ce que vous recherchez sans avoir besoin d'une réponse. Bon jeu!