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

No:43172

←

Prev Next

→

เกม Minecraft
Developer User19114｜Date and time 24/2/14 16:22:39
Build time 9.903 sec｜Game capacity 3.427KB｜

Script

Minecraft Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Minecraft Game</title>
</head>
<body>

// Generating random pictograms representing Minecraft items
    var pictograms = ["🍅", "⛏️", "🔥", "🌲", "⚒️", "🐑"];

// Shuffle function to randomize the pictograms array
    function shuffle(array) {
        var currentIndex = array.length, temporaryValue, randomIndex;

while (currentIndex !== 0) {
            randomIndex = Math.floor(Math.random() * currentIndex);
            currentIndex -= 1;

temporaryValue = array[currentIndex];
            array[currentIndex] = array[randomIndex];
            array[randomIndex] = temporaryValue;
        }

return array;
    }

// Function to start the game
    function startGame() {
        // Display initial score and time
        document.getElementById("score").innerHTML = "Score: " + score;
        document.getElementById("time").innerHTML = "Time: " + time;

// Shuffle pictograms array
        pictograms = shuffle(pictograms);

// Display pictograms
        for (var i = 0; i < pictograms.length; i++) {
            var pictogramElement = document.createElement("div");
            pictogramElement.className = "pictogram";
            pictogramElement.innerHTML = pictograms[i];
            document.getElementById("game-board").appendChild(pictogramElement);
        }

// Adding event listeners to pictograms
        var pictogramElements = document.getElementsByClassName("pictogram");
        for (var j = 0; j < pictogramElements.length; j++) {
            pictogramElements[j].addEventListener("click", function () {
                if (!isClicked) {
                    // Update score and display
                    score++;
                    document.getElementById("score").innerHTML = "Score: " + score;

// Remove clicked pictogram
                    this.parentNode.removeChild(this);

// Play sound
                    var audio = new Audio("coin.wav");
                    audio.play();

// Apply flashing effect
                    this.style.animation = "flashing 1s";

// Prevent multiple clicks within 1 second
                    isClicked = true;
                    setTimeout(function () {
                        isClicked = false;
                    }, 1000);
                }
            });
        }

// Update time every second
        var countdown = setInterval(function () {
            time--;
            document.getElementById("time").innerHTML = "Time: " + time;

// End game if time runs out
            if (time <= 0) {
                clearInterval(countdown);
                alert("Game Over! Final Score: " + score);
            }
        }, 1000);
    }
</script>

<h1>Minecraft Game</h1>

<button onclick="startGame()">Start Game</button>

@keyframes flashing {
        0% {
            background-color: yellow;
        }

100% {
            background-color: initial;
        }
    }
</style>

</body>
</html>