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

No:15138

←

Prev Next

→

3d rock paper scissors
Developer User6472｜Date and time 23/9/6 15:00:31
Build time 44.364 sec｜Game capacity 3.674KB｜

Script

Sure! Here's a simple implementation of a 3D rock paper scissors game using JavaScript. The game will be playable in a single HTML file, suitable for smartphone operation:

3D Rock Paper Scissors

In this implementation, three pictograms for rock, paper, and scissors are displayed. When you tap on any of the pictograms, your choice is compared with the computer's randomly generated choice. The result is then displayed below the pictograms. The pictograms/images can be replaced with actual URLs of the desired images for a more visually appealing game. Please note that you need to replace the image URLs (`emozi_all/rock.png`, `emozi_chicken.png`, `emozi_all/scissors.png`) in the code with your own image URLs in order to see the images properly.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple implementation of a 3D rock paper scissors game using JavaScript. The game will be playable in a single HTML file, suitable for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>3D Rock Paper Scissors</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game {
      width: 300px;
      margin: 0 auto;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 6px;
    }
    .pictogram {
      width: 80px;
      height: 80px;
      background-size: cover;
      display: inline-block;
      margin: 10px;
      cursor: pointer;
    }
    #result {
      margin-top: 20px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="game">
    <h1>3D Rock Paper Scissors</h1>
    <div class="pictogram" id="rock"></div>
    <div class="pictogram" id="paper"></div>
    <div class="pictogram" id="scissors"></div>
    <div id="result"></div>
  </div>

// Mapping moves to their respective pictogram images
    const pictograms = {
      rock: 'https://example.com/rock.png',
      paper: 'https://example.com/paper.png',
      scissors: 'https://example.com/scissors.png',
    };

// Get a random move by the computer
    function computerMove() {
      const randomMove = Math.floor(Math.random() * 3);
      return Object.keys(moves)[randomMove];
    }

// Determine the winner based on player and computer moves
    function determineWinner(playerMove, computerMove) {
      if (playerMove === computerMove) {
        return 'It\'s a tie!';
      } else if (
        (playerMove === 'rock' && computerMove === 'scissors') ||
        (playerMove === 'paper' && computerMove === 'rock') ||
        (playerMove === 'scissors' && computerMove === 'paper')
      ) {
        return 'You win!';
      } else {
        return 'Computer wins!';
      }
    }

// Play the game when a pictogram is clicked
    function playGame(event) {
      const playerMove = event.target.id;
      const computer = computerMove();
      const result = determineWinner(playerMove, computer);
      
      // Update the clicked pictogram with the respective image
      event.target.style.backgroundImage = `url(${pictograms[playerMove]})`;

// Show the computer's move
      setTimeout(() => {
        const computerPictogram = document.getElementById(computer);
        computerPictogram.style.backgroundImage = `url(${pictograms[computer]})`;

// Display the result
        const resultElement = document.getElementById('result');
        resultElement.textContent = result;
      }, 1000); // Delaying the computer's move for 1 second
    }

// Attach event listeners to the pictograms
    const pictogramElements = document.getElementsByClassName('pictogram');
    Array.from(pictogramElements).forEach((element) => {
      element.addEventListener('click', playGame);
    });
  </script>
</body>
</html>
```

Please note that you need to replace the image URLs (`https://example.com/rock.png`, `https://example.com/paper.png`, `https://example.com/scissors.png`) in the code with your own image URLs in order to see the images properly.