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

No:43631

Mobile rock paper scissors with ai
Developer Bowgray｜Date and time 24/2/16 5:51:36
Build time 8.71 sec｜Game capacity 2.591KB｜

Script

Sure! Here's a basic implementation of Rock, Paper, Scissors game with an AI opponent for smartphone operation using JavaScript and pictograms. You can save it as a single HTML file and open it in any web browser on your smartphone to play the game.

Rock Paper Scissors

In the above code, pictograms of rock, paper, and scissors are used (assuming you have image files named "emozi_all/rock.png", "emozi_chicken.png", and "emozi_all/scissors.png" respectively in the same folder as the HTML file, you can replace them with your own images). When you tap on any of the pictograms, the game will choose a random choice for the AI opponent and determine the winner based on the traditional rock-paper-scissors rules. The result will be displayed below the choices.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rock Paper Scissors</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }
        img {
            width: 150px;
            height: 150px;
        }
    </style>
</head>
<body>
    <h1>Rock Paper Scissors</h1>
    <div id="choices">
        <img id="rock" src="rock.png" alt="Rock">
        <img id="paper" src="paper.png" alt="Paper">
        <img id="scissors" src="scissors.png" alt="Scissors">
    </div>
    <h2 id="result"></h2>

// Add click event listeners to each choice
        document.getElementById("rock").onclick = function() {
            userChoice = "rock";
            playGame();
        };
        document.getElementById("paper").onclick = function() {
            userChoice = "paper";
            playGame();
        };
        document.getElementById("scissors").onclick = function() {
            userChoice = "scissors";
            playGame();
        };

function playGame() {
            // Generate random AI choice
            aiChoice = choices[Math.floor(Math.random() * choices.length)];

// Determine the winner
            if (userChoice === aiChoice) {
                document.getElementById("result").textContent = "It's a tie!";
            } else if ((userChoice === "rock" && aiChoice === "scissors") ||
                       (userChoice === "paper" && aiChoice === "rock") ||
                       (userChoice === "scissors" && aiChoice === "paper")) {
                document.getElementById("result").textContent = "You win!";
            } else {
                document.getElementById("result").textContent = "AI wins!";
            }
        }

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

In the above code, pictograms of rock, paper, and scissors are used (assuming you have image files named "rock.png", "paper.png", and "scissors.png" respectively in the same folder as the HTML file, you can replace them with your own images).

When you tap on any of the pictograms, the game will choose a random choice for the AI opponent and determine the winner based on the traditional rock-paper-scissors rules. The result will be displayed below the choices.