AI game creator

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

No:41461

←

Prev Next

→

KeiferBand
Developer User18502｜Date and time 24/2/7 16:08:01
Build time 11.643 sec｜Game capacity 3.477KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and script tags, designed for smartphone operation with the use of pictograms:

Score: 0

Rock

Paper

Scissors

In this game, the player can choose between rock, paper, and scissors by tapping on the corresponding pictogram. The computer randomly selects its choice, and the game determines the result (win, lose, or tie) based on the classic rock-paper-scissors rules. The score is displayed at the top, and an alert message shows the player's choice, computer's choice, and the outcome of the game. Note that you would need to replace the image file URLs (`emozi_all/rock.png`, `emozi_chicken.png`, `emozi_all/scissors.png`) in the code with the actual URLs or paths to your desired pictogram images in order for them to display correctly in the game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and script tags, designed for smartphone operation with the use of pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: Arial, sans-serif;
            overflow: hidden;
        }
        #game {
            display: flex;
            flex-direction: column;
            text-align: center;
            border: 2px solid black;
            padding: 20px;
        }
        #score {
            font-size: 24px;
            margin-bottom: 10px;
        }
        .choice {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80px;
            margin-bottom: 10px;
            cursor: pointer;
            border: 2px solid gray;
        }
        .choice img {
            max-height: 100%;
            max-width: 100%;
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="score">Score: 0</div>
        <div id="choices">
            <div class="choice" onclick="play('rock')">
                <img src="rock.png" alt="Rock Pictogram">
                Rock
            </div>
            <div class="choice" onclick="play('paper')">
                <img src="paper.png" alt="Paper Pictogram">
                Paper
            </div>
            <div class="choice" onclick="play('scissors')">
                <img src="scissors.png" alt="Scissors Pictogram">
                Scissors
            </div>
        </div>
    </div>

function play(userChoice) {
            const choices = ['rock', 'paper', 'scissors'];
            const randomIndex = Math.floor(Math.random() * choices.length);
            const computerChoice = choices[randomIndex];

let result;
            if (userChoice === computerChoice) {
                result = "Tie!";
            } else if (
                (userChoice === "rock" && computerChoice === "scissors") ||
                (userChoice === "paper" && computerChoice === "rock") ||
                (userChoice === "scissors" && computerChoice === "paper")
            ) {
                result = "You win!";
                score++;
            } else {
                result = "You lose!";
                score--;
            }

document.getElementById("score").textContent = "Score: " + score;
            alert(`You chose ${userChoice}. Computer chose ${computerChoice}. ${result}`);
        }
    </script>
</body>
</html>
```

Note that you would need to replace the image file URLs (`rock.png`, `paper.png`, `scissors.png`) in the code with the actual URLs or paths to your desired pictogram images in order for them to display correctly in the game.