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

No:38826

Slime Defense green emoji slimes trying to reach y..ALL
Developer User17401｜Date and time 24/1/25 21:42:03
Build time 29.763 sec｜Game capacity 5.856KB｜

Script

Sure! Here's an example of a game called "Slime Defense" implemented as a single HTML file using JavaScript:

Slime Defense

💎

Score: 0

To play the game, simply copy the entire code and save it as an HTML file (e.g., `slime_defense.html`). Then, open the file in a web browser (preferably on a smartphone) to start the game. You can interact with the game by tapping the buttons in the shop to upgrade your gun and prevent the green slime emoji from reaching your gem emoji.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a game called "Slime Defense" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Slime Defense</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #game {
            width: 400px;
            height: 600px;
            margin: 0 auto;
            border: 2px solid black;
            position: relative;
        }
        
        #gem {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
        }
        
        .slime {
            position: absolute;
            width: 60px;
            height: 60px;
        }
        
        .projectile {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: black;
        }
        
        .gun {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: gray;
        }
        
        #score {
            margin-top: 20px;
            font-size: 24px;
        }
        
        #shop {
            margin-top: 20px;
        }
        
        #shop button {
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <h1>Slime Defense</h1>
    
    <div id="game">
        <div id="gem">💎</div>
    </div>
    
    <div id="score">Score: 0</div>
    
    <div id="shop">
        <button onclick="upgradeGun(5)">Lazer Gun 🔴</button>
        <button onclick="upgradeGun(10)">Purple Skull Gun ☪️</button>
        <button onclick="upgradeGun(60)">The Destroyer 🚨🚨</button>
    </div>
    
    <script>
        var score = 0;
        var gunStrength = 1;
        var slimes = [];
        var projectiles = [];
        
        function createSlime() {
            var slime = document.createElement("div");
            slime.className = "slime";
            slime.style.left = "0";
            slime.style.top = Math.floor(Math.random() * 500) + "px";
            slime.health = 5;
            document.getElementById("game").appendChild(slime);
            slimes.push(slime);
        }
        
        function moveSlimes() {
            for (var i = 0; i < slimes.length; i++) {
                var slime = slimes[i];
                slime.style.left = (parseInt(slime.style.left) + 1) + "px";
                
                // Check if slime reached the gem
                if (parseInt(slime.style.left) >= 375) {
                    slimes.splice(i, 1);
                    document.getElementById("game").removeChild(slime);
                    alert("Game Over! Slime reached the gem!");
                    return;
                }
            }
        }
        
        function createProjectile() {
            var projectile = document.createElement("div");
            projectile.className = "projectile";
            projectile.style.left = "50px";
            projectile.style.top = "275px";
            document.getElementById("game").appendChild(projectile);
            projectiles.push(projectile);
        }
        
        function moveProjectiles() {
            for (var i = 0; i < projectiles.length; i++) {
                var projectile = projectiles[i];
                projectile.style.left = (parseInt(projectile.style.left) + 5) + "px";
                
                // Check if projectile hit a slime
                for (var j = 0; j < slimes.length; j++) {
                    var slime = slimes[j];
                    if (collision(projectile, slime)) {
                        slime.health -= gunStrength;
                        if (slime.health <= 0) {
                            score += 5;
                            document.getElementById("score").innerHTML = "Score: " + score;
                            slimes.splice(j, 1);
                            document.getElementById("game").removeChild(slime);
                        }
                        projectiles.splice(i, 1);
                        document.getElementById("game").removeChild(projectile);
                        return;
                    }
                }
                
                // Check if projectile is out of bounds
                if (parseInt(projectile.style.left) >= 400) {
                    projectiles.splice(i, 1);
                    document.getElementById("game").removeChild(projectile);
                    return;
                }
            }
        }
        
        function collision(obj1, obj2) {
            var rect1 = obj1.getBoundingClientRect();
            var rect2 = obj2.getBoundingClientRect();
            
            return !(rect1.right < rect2.left ||
                     rect1.left > rect2.right ||
                     rect1.bottom < rect2.top ||
                     rect1.top > rect2.bottom);
        }
        
        function upgradeGun(cost) {
            if (score >= cost) {
                score -= cost;
                document.getElementById("score").innerHTML = "Score: " + score;
                gunStrength++;
            } else {
                alert("Not enough points to upgrade your gun!");
            }
        }
        
        setInterval(createSlime, 2000);
        setInterval(moveSlimes, 20);
        setInterval(createProjectile, 1000);
        setInterval(moveProjectiles, 10);
    </script>
</body>
</html>
```