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

No:24583

Element simulator. You can pick fire or wate..ALL
Developer The maker｜Date and time 23/11/10 7:09:37
Build time 55.757 sec｜Game capacity 2.98KB｜

Script

Element Simulator Game

Choose your element:

Score: 0

Time Left: 10s

Click on the enemies to defeat them!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Element Simulator Game</title>
</head>
<body>
    <div id="game-container" style="text-align: center;">
        <h1>Element Simulator Game</h1>
        <h2>Choose your element:</h2>
        <button onclick="startGame('fire')">Fire</button>
        <button onclick="startGame('water')">Water</button>
        <br><br>
        <h3 id="score">Score: 0</h3>
        <h3 id="time">Time Left: 10s</h3>
        <h4 id="click-instructions">Click on the enemies to defeat them!</h4>
        <img id="enemy" src="enemy.png" style="width: 100px; height: 100px;">
    </div>

// Function to start the game
        function startGame(playerElement) {
            // Clear previous game state
            score = 0;
            timeLeft = 10;
            document.getElementById("score").textContent = "Score: 0";
            document.getElementById("time").textContent = "Time Left: 10s";
            document.getElementById("click-instructions").style.display = "block";

// Set player element
            let playerImg = document.createElement("img");
            playerImg.src = playerElement + ".png";
            playerImg.style.width = "100px";
            playerImg.style.height = "100px";
            playerImg.style.marginTop = "20px";

document.getElementById("game-container").appendChild(playerImg);

// Start generating enemies
            enemyInterval = setInterval(generateEnemy, 2000);

// Start countdown
            enemyTimeout = setTimeout(endGame, 10000);
        }

// Function to generate enemies randomly
        function generateEnemy() {
            let enemy = document.createElement("img");
            enemy.src = "enemy.png";
            enemy.style.width = "100px";
            enemy.style.height = "100px";
            enemy.style.position = "absolute";
            enemy.style.left = Math.floor(Math.random() * (window.innerWidth - 100)) + "px";
            enemy.style.top = Math.floor(Math.random() * (window.innerHeight - 100)) + "px";
            enemy.onclick = function() {
                defeatEnemy(this);
            };

document.getElementById("game-container").appendChild(enemy);
        }

// Function to defeat an enemy
        function defeatEnemy(enemy) {
            enemy.remove();
            score++;
            document.getElementById("score").textContent = "Score: " + score;
        }

// Function to end the game
        function endGame() {
            clearInterval(enemyInterval);
            clearTimeout(enemyTimeout);
            document.getElementById("click-instructions").style.display = "none";
            document.getElementById("game-over").style.display = "block";
        }
    </script>
</body>
</html>