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

No:17408

101

←

Prev Next

→

Pvp
Developer User7579｜Date and time 23/9/23 7:44:56
Build time 23.066 sec｜Game capacity 2.956KB｜

Script

Sure! Here's a basic example of a PvP game implemented as a single HTML file using JavaScript. The game is a simple rock-paper-scissors game using pictograms. It's designed to be played on a smartphone.

Rock Paper Scissors Game

Select your move:

In this game, the player can choose their move by tapping on one of the pictograms representing rock, paper, or scissors. After the player makes their move, the computer generates its move randomly using JavaScript's `Math.random()` function. The winner is determined based on the traditional rock-paper-scissors rules, and the result is displayed on the page. Please note that you will need to have image files named "emozi_all/rock.png", "emozi_hamuster.png", and "emozi_all/scissors.png" in the same directory as the HTML file for the pictograms to display correctly.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Rock Paper Scissors Game</title>
  <style>
    body {
      text-align: center;
    }
    img {
      width: 120px;
      height: 120px;
      margin: 10px;
      cursor: pointer;
    }
    #result {
      font-size: 20px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Rock Paper Scissors Game</h1>
  <h2>Select your move:</h2>
  <img src="rock.png" alt="Rock" onclick="makeMove('rock')">
  <img src="paper.png" alt="Paper" onclick="makeMove('paper')">
  <img src="scissors.png" alt="Scissors" onclick="makeMove('scissors')">
  <div id="result"></div>

// Function to handle player's move
    function makeMove(move) {
      playerMove = move;

// Disable the click event on images after player's move
      const images = document.querySelectorAll('img');
      images.forEach(image => {
        image.onclick = null;
      });

// Start computer's move after a delay
      setTimeout(makeComputerMove, 1000);
    }

// Function to generate computer's move
    function makeComputerMove() {
      const moves = ['rock', 'paper', 'scissors'];
      const randomIndex = Math.floor(Math.random() * 3);
      const computerMove = moves[randomIndex];

// Display computer's move
      const computerImage = document.createElement('img');
      computerImage.src = computerMove + '.png';
      computerImage.alt = computerMove.charAt(0).toUpperCase() + computerMove.slice(1);
      document.body.appendChild(computerImage);

// Determine the winner
      let result;
      if (playerMove === computerMove) {
        result = "It's a tie!";
      } else if (
        (playerMove === 'rock' && computerMove === 'scissors') ||
        (playerMove === 'paper' && computerMove === 'rock') ||
        (playerMove === 'scissors' && computerMove === 'paper')
      ) {
        result = 'You win!';
      } else {
        result = 'Computer wins!';
      }

// Display the result
      const resultDiv = document.getElementById('result');
      resultDiv.innerHTML = result;
    }
  </script>
</body>
</html>
```

Please note that you will need to have image files named "rock.png", "paper.png", and "scissors.png" in the same directory as the HTML file for the pictograms to display correctly.