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

No:30658

A group of AIs verses one player
Developer User14904｜Date and time 23/12/23 14:45:55
Build time 24.097 sec｜Game capacity 4.46KB｜

Script

Sure! Here's an example of a simple game where a group of AI opponents battles against a human player using pictograms. The game is designed to run in a web browser, so it will be contained within a single HTML file.

AI vs Player

When you open the above code in a web browser, you will see a game where you (Player) compete against three AI opponents. Each opponent randomly selects one of the three pictograms representing rock, paper, or scissors. You can click on the pictogram of your choice, which will trigger the AI opponents' selections as well. The game will calculate the results and update the scores accordingly. It's a simple implementation, but it should give you a basic idea of how to create a game where a group of AI opponents battles against a human player. You can expand upon this code to add more features or complexity as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>AIs vs Player</title>
  <style>
    .game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

.pictogram {
      font-size: 40px;
      margin: 10px;
      cursor: pointer;
    }

.player {
      color: blue;
    }

.ai {
      color: red;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <div id="game">
      <h1>AI vs Player</h1>
      <div id="opponents"></div>
    </div>
  </div>

const aiOpponents = [
      { name: "AI 1", score: 0, selection: null },
      { name: "AI 2", score: 0, selection: null },
      { name: "AI 3", score: 0, selection: null }
    ];

const choices = ["✊", "✋", "✌️"];

// Game initialization
    function initializeGame() {
      renderOpponents();
      renderScoreboard();
      renderChoices();
    }

// Render opponents' choices
    function renderOpponents() {
      const opponentsContainer = document.getElementById("opponents");
      opponentsContainer.innerHTML = "";

aiOpponents.forEach(opponent => {
        const opponentElement = document.createElement("div");
        opponentElement.classList.add("pictogram", "ai");
        opponentElement.textContent = opponent.selection;
        opponentsContainer.appendChild(opponentElement);
      });
    }

// Render scoreboard
    function renderScoreboard() {
      const scoreboardContainer = document.getElementById("game");
      scoreboardContainer.innerHTML += `<p>${player.name}: ${player.score}</p>`;

aiOpponents.forEach(opponent => {
        scoreboardContainer.innerHTML += `<p>${opponent.name}: ${opponent.score}</p>`;
      });
    }

// Render player choices
    function renderChoices() {
      const choicesContainer = document.getElementById("game");

choices.forEach(choice => {
        const choiceElement = document.createElement("span");
        choiceElement.classList.add("pictogram", "player");
        choiceElement.textContent = choice;
        choiceElement.addEventListener("click", () => makeSelection(choice));
        choicesContainer.appendChild(choiceElement);
      });
    }

// Player makes a selection
    function makeSelection(selection) {
      player.selection = selection;
      aiOpponents.forEach(opponent => {
        opponent.selection = choices[Math.floor(Math.random() * choices.length)];
      });

calculateResults();
    }

// Calculate results and update scores
    function calculateResults() {
      aiOpponents.forEach(opponent => {
        if (opponent.selection === player.selection) {
          opponent.score++;
          player.score--;
        } else if (
          (opponent.selection === "✊" && player.selection === "✌️") ||
          (opponent.selection === "✋" && player.selection === "✊") ||
          (opponent.selection === "✌️" && player.selection === "✋")
        ) {
          opponent.score++;
        } else {
          player.score++;
        }
      });

renderOpponents();
      renderScoreboard();

if (player.score < -2) {
        endGame();
      }
    }

// End the game
    function endGame() {
      const choicesContainer = document.getElementById("game");
      choicesContainer.innerHTML += "<h2>Game Over!</h2>";
      choicesContainer.removeEventListener("click", makeSelection);
    }

// Start the game
    initializeGame();
  </script>
</body>
</html>
```

It's a simple implementation, but it should give you a basic idea of how to create a game where a group of AI opponents battles against a human player. You can expand upon this code to add more features or complexity as per your requirements.