AI game creator

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

No:16499

103

←

Prev Next

→

Zelda
Developer User6842｜Date and time 23/9/18 19:53:17
Build time 23.317 sec｜Game capacity 2.485KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
<style>
    body {
        text-align: center;
    }
    #game-container {
        display: inline-block;
        margin-top: 100px;
    }
    .pictogram {
        width: 100px;
        height: 100px;
        background-size: cover;
        display: inline-block;
        margin: 5px;
        cursor: pointer;
    }
</style>
</head>
<body>
<script>
    let playerScore = 0;
    let isGameOver = false;

const pictogramList = [
        {name: "sword", image: "🗡️"},
        {name: "shield", image: "🛡️"},
        {name: "heart", image: "❤️"},
        {name: "key", image: "🔑"},
        {name: "bomb", image: "💣"}
    ];

// Shuffle the pictograms randomly
    const shuffledPictogramList = shuffle(pictogramList);

function shuffle(array) {
        for (let i = array.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [array[i], array[j]] = [array[j], array[i]];
        }
        return array;
    }

function handleClick(pictogram) {
        if (isGameOver) {
            return;
        }

const clickedPictogram = pictogramList.find(item => item.name === pictogram);
        const scoreElement = document.getElementById("score");

if (clickedPictogram.name === "heart") {
            playerScore++;
        } else {
            playerScore--;
        }

scoreElement.textContent = playerScore;

if (playerScore >= 10) {
            scoreElement.textContent = "Vous avez gagné !";
            isGameOver = true;
        } else if (playerScore <= -3) {
            scoreElement.textContent = "Vous avez perdu !";
            isGameOver = true;
        }
    }

function initGame() {
        const gameContainer = document.getElementById("game-container");

shuffledPictogramList.forEach(pictogram => {
            const pictogramElement = document.createElement("div");
            pictogramElement.classList.add("pictogram");
            pictogramElement.textContent = pictogram.image;
            pictogramElement.addEventListener("click", () => handleClick(pictogram.name));
            gameContainer.appendChild(pictogramElement);
        });

const scoreElement = document.createElement("div");
        scoreElement.id = "score";
        scoreElement.textContent = playerScore;
        gameContainer.appendChild(scoreElement);
    }

// Start the game
    initGame();
</script>
<div id="game-container"></div>
</body>
</html>