A cpu and you most go against bosses and the one who gets the last hit get a point and after 5 points the player with 5 points wins's game

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

No:16318

139

←

Prev Next

→

A cpu and you most go against bosses and the one w..ALL
Developer User7232｜Date and time 23/9/17 7:36:01
Build time 24.682 sec｜Game capacity 3.6KB｜

Script

Sure, here's a simple game in which you (represented by a CPU) go against bosses. The objective is to score 5 points before your opponent (also a CPU) does. The game will be played on a smartphone, using pictograms for visuals.

To play the game, simply copy the code into a new HTML file and open it in a web browser on your smartphone. When you click on the screen, rounds will start and bosses (represented by pictograms) will battle. The first one to score 5 points wins the game!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CPU Battle Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

.game-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

.button {
      margin: 5px;
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
    }

.result {
      font-size: 24px;
      text-align: center;
    }

.cpu {
      font-size: 60px;
    }

.boss {
      font-size: 80px;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <div class="result"></div>
  </div>

// Array of pictograms representing bosses
    const bosses = ['👹', '👺', '🤖', '👽', '🐉'];

// Function to select a random boss
    function getRandomBoss() {
      const randomIndex = Math.floor(Math.random() * bosses.length);
      return bosses[randomIndex];
    }

// Function to play a round
    function playRound() {
      rounds++;

// Generate random bosses for player and CPU
      const playerBoss = getRandomBoss();
      const cpuBoss = getRandomBoss();

// Update the game container with the boss pictograms
      const gameContainer = document.querySelector('.game-container');
      gameContainer.innerHTML = `
        <div class="button cpu">${cpuBoss}</div>
        <div class="button boss">${playerBoss}</div>
      `;

// Determine winner and update scores
      if (playerBoss === cpuBoss) {
        showMessage('Round tied!');
      } else if ((playerBoss === '👹' && cpuBoss === '👺') ||
                 (playerBoss === '👺' && cpuBoss === '🤖') ||
                 (playerBoss === '🤖' && cpuBoss === '👽') ||
                 (playerBoss === '👽' && cpuBoss === '🐉') ||
                 (playerBoss === '🐉' && cpuBoss === '👹')) {
        playerScore++;
        showMessage('You won this round!');
      } else {
        cpuScore++;
        showMessage('CPU won this round!');
      }

// Check if game is over
      if (playerScore === 5) {
        endGame('You win!');
      } else if (cpuScore === 5) {
        endGame('CPU wins!');
      }
    }

// Function to display a message
    function showMessage(message) {
      const result = document.querySelector('.result');
      result.textContent = message;
    }

// Function to end the game
    function endGame(message) {
      const result = document.querySelector('.result');
      result.textContent = message;

// Removes gameplay buttons
      const buttons = document.querySelectorAll('.button');
      buttons.forEach(button => button.style.display = 'none');
    }

// Event listener to start playing
    window.addEventListener('load', function() {
      showMessage('Click to start playing!');
      window.addEventListener('click', function() {
        if (rounds < 5) {
          playRound();
        }
      });
    });

</script>
</body>
</html>
```