AI game creator

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

No:34862

←

Prev Next

→

Messenger
Developer User16254｜Date and time 24/1/12 1:33:20
Build time 12.771 sec｜Game capacity 2.637KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <style>
        body {
            font-family: sans-serif;
            background-color: #F5F5F5;
        }

#game-container {
            text-align: center;
            margin-top: 100px;
        }

#score-container {
            font-size: 24px;
            padding: 10px;
        }

.pictogram {
            display: inline-block;
            width: 100px;
            height: 100px;
            margin: 10px;
            cursor: pointer;
        }

.hidden {
            display: none;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="score-container">Score: 0</div>
        <div id="pictogram-container">
            <img class="pictogram" src="path/to/pictogram-1.png">
            <img class="pictogram" src="path/to/pictogram-2.png">
            <img class="pictogram" src="path/to/pictogram-3.png">
            <img class="pictogram" src="path/to/pictogram-4.png">
        </div>
        <button id="start-button">Start Game</button>
    </div>

function getRandomInt(max) {
                return Math.floor(Math.random() * Math.floor(max));
            }

function randomizePictograms() {
                var index = getRandomInt(pictograms.length);
                var randomPictogram = pictograms[index];
                randomPictogram.classList.remove("hidden");

setTimeout(function() {
                    randomPictogram.classList.add("hidden");
                }, 2000);
            }

function updateScore() {
                score++;
                scoreContainer.textContent = "Score: " + score;
            }

function handleClick() {
                if (!startButton.disabled) {
                    updateScore();
                }
            }

for (var i = 0; i < pictograms.length; i++) {
                pictograms[i].addEventListener("click", handleClick);
            }

startButton.addEventListener("click", function() {
                startButton.disabled = true;
                randomizePictograms();
                setInterval(randomizePictograms, 3000);
            });
        }

startGame();
    </script>
</body>
</html>