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

No:38817

Slime Defense green emoji slimes trying to reach y..ALL
Developer User17401｜Date and time 24/1/25 21:28:50
Build time 29.451 sec｜Game capacity 4.64KB｜

Script

Here is an implementation of the game "Slime Defense" using HTML and JavaScript:

Slime Defense

Green emoji slimes are trying to reach your emoji gem!

Start with normal toy guns.

Every slime has five health.

The gun shoots projectiles.

Every slime you kill gives you five points.

Use the points to upgrade your gun.

Choices for upgrades:

5 points: Lazer Gun 🔫🔴
10 points: Purple Skull Gun 🔫☪️
60 points: The Destroyer 🔫🚨🚨

Score: 0

This code creates a simple game where green emoji slimes try to reach your emoji gem. You start with a normal toy gun, and the goal is to kill as many slimes as possible. You earn points for killing each slime, which can be used to upgrade your gun. The game is played by moving the mouse to aim the gun and clicking to shoot projectiles at the slimes. If a slime reaches the gem, the game is over.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Here is an implementation of the game "Slime Defense" using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Slime Defense</title>
  <style>
    .game-container {
      text-align: center;
      font-size: 40px;
    }
    .score-container {
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <h1>Slime Defense</h1>
    <p>Green emoji slimes are trying to reach your emoji gem!</p>
    <p>Start with normal toy guns.</p>
    <p>Every slime has five health.</p>
    <p>The gun shoots projectiles.</p>
    <p>Every slime you kill gives you five points.</p>
    <p>Use the points to upgrade your gun.</p>
    <p>Choices for upgrades:</p>
    <ul>
      <li>5 points: Lazer Gun 🔫🔴</li>
      <li>10 points: Purple Skull Gun 🔫☪️</li>
      <li>60 points: The Destroyer 🔫🚨🚨</li>
    </ul>
    <button onclick="startGame()">Start Game</button>
    <div class="score-container">
      Score: <span id="score">0</span>
    </div>
    <canvas id="game-canvas" width="400" height="400"></canvas>
  </div>

// Slime class
    class Slime {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.health = 5;
      }

draw() {
        ctx.fillStyle = "green";
        ctx.fillRect(this.x, this.y, 40, 40);
      }

update() {
        this.y += 1; // Move slime downwards

// Check if slime reached the gem
        if (this.y > canvas.height - 40) {
          endGame();
        }
      }
    }

// Projectile class
    class Projectile {
      constructor(x, y, strength) {
        this.x = x;
        this.y = y;
        this.strength = strength;
        this.speed = 5;
      }

draw() {
        ctx.fillStyle = "black";
        ctx.fillRect(this.x, this.y, 10, 10);
      }

update() {
        this.y -= this.speed; // Move projectile upwards

// Check if projectile hits any slimes
        for (var i = 0; i < slimes.length; i++) {
          if (this.x >= slimes[i].x && this.x <= slimes[i].x + 40 && this.y <= slimes[i].y + 40) {
            slimes[i].health -= this.strength;
            if (slimes[i].health <= 0) {
              slimes.splice(i, 1);
              playerScore += 5;
            }
            return;
          }
        }
      }
    }

// Game initialization
    function startGame() {
      canvas = document.getElementById("game-canvas");
      ctx = canvas.getContext("2d");
      slimes = [];

gunType = "Normal";
      gunStrength = 1;
      playerScore = 0;

canvas.addEventListener("mousemove", handleMouseMove);
      setInterval(updateGame, 20);
      setInterval(spawnSlime, 2000);
    }

// Game update
    function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw slimes
      for (var i = 0; i < slimes.length; i++) {
        slimes[i].update();
        slimes[i].draw();
      }

// Draw projectiles
      for (var i = 0; i < projectiles.length; i++) {
        projectiles[i].update();
        projectiles[i].draw();
      }

// Draw score
      document.getElementById("score").innerHTML = playerScore;
    }

// Spawn a new slime
    function spawnSlime() {
      var x = Math.floor(Math.random() * (canvas.width - 40));
      var newSlime = new Slime(x, 0);
      slimes.push(newSlime);
    }

// Handle mouse movement for gun aiming
    function handleMouseMove(event) {
      var rect = canvas.getBoundingClientRect();
      var mouseX = event.clientX - rect.left;
      var mouseY = event.clientY - rect.top;

var gunX = mouseX - 20;
      var gunY = mouseY - 20;

drawGun(gunX, gunY);
    }

// Draw the gun on the canvas
    function drawGun(x, y) {
      ctx.fillStyle = "blue";
      ctx.fillRect(x, y, 40, 40);
    }

// End the game
    function endGame() {
      slimes = [];
      projectiles = [];
      canvas.removeEventListener("mousemove", handleMouseMove);
      alert("Game Over! Your score: " + playerScore);
      startGame();
    }
  </script>
</body>
</html>
```