You are a blue circle with red eyes sprite. You can shoot blue triangles in any direction by pressing shoot button. Your goal is to eat all 100 moving black circles. The more you devour the black circle the bigger you get . Your max size is 100. When you get bigger the triangles you shoot will also get bigger.up down left right controls. The triangles can damage the black circles.'s game

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

No:11369

110

←

Prev Next

→

You are a blue circle with red eyes sprite. You ca..ALL
Developer No｜Date and time 23/8/9 12:12:18
Build time 41.227 sec｜Game capacity 5.529KB｜

Script

Sure, here's an implementation of the game you described as a single HTML file with JavaScript enclosed in script tags:

Score: 0

Please note that this implementation is a basic version of the game and may require additional enhancements and optimizations based on specific requirements or preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an implementation of the game you described as a single HTML file with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Circle Game</title>
  <style>
    #game-container {
      position: relative;
      width: 500px;
      height: 500px;
      border: 1px solid black;
    }
    #player {
      position: absolute;
      top: 225px;
      left: 225px;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: blue;
    }
    .projectile {
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: blue;
    }
    .enemy {
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: black;
      animation: move-enemy 2s infinite linear alternate;
    }
    @keyframes move-enemy {
      from { top: 0; left: 0; }
      to { top: 450px; left: 450px; }
    }
    #score {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
    <div id="score">Score: 0</div>
  </div>

// Keyboard controls
    var keysPressed = {};
    document.addEventListener("keydown", function(event) {
      keysPressed[event.key] = true;
    });
    document.addEventListener("keyup", function(event) {
      keysPressed[event.key] = false;
    });

// Shoot button
    var shootBtn = document.createElement("button");
    shootBtn.innerText = "Shoot";
    document.body.appendChild(shootBtn);

// Projectile list
    var projectiles = [];

// Enemy list
    var enemies = [];

// Main game loop
    function gameLoop() {
      updatePlayer();
      updateProjectiles();
      updateEnemies();

// Check collisions
      projectiles.forEach(function(projectile) {
        enemies.forEach(function(enemy, index) {
          if (collides(projectile, enemy)) {
            score++;
            document.getElementById("score").innerText = "Score: " + score;
            enemy.remove();
            enemies.splice(index, 1);
          }
        });
      });

// Game over condition
      if (score >= 100) {
        alert("Congratulations! You devoured all the black circles!");
        clearInterval(gameInterval);
      }

// Check for game over condition
      enemies.forEach(function(enemy) {
        if (collides(player, enemy)) {
          alert("Game over! The black circles got you.");
          clearInterval(gameInterval);
        }
      });
    }

// Update player position
    function updatePlayer() {
      if (keysPressed["ArrowUp"] && playerY > 0) {
        playerY -= 5;
      }
      if (keysPressed["ArrowDown"] && playerY < 450) {
        playerY += 5;
      }
      if (keysPressed["ArrowLeft"] && playerX > 0) {
        playerX -= 5;
      }
      if (keysPressed["ArrowRight"] && playerX < 450) {
        playerX += 5;
      }

// Update player size based on score
      playerSize = Math.min(score, maxPlayerSize);

// Update player visual
      var player = document.getElementById("player");
      player.style.top = playerY + "px";
      player.style.left = playerX + "px";
      player.style.width = playerSize + "px";
      player.style.height = playerSize + "px";
    }

// Update projectiles position
    function updateProjectiles() {
      projectiles.forEach(function(projectile, index) {
        projectile.y -= 5;
        projectile.style.top = projectile.y + "px";

// Remove projectile if out of bounds
        if (projectile.y <= 0) {
          projectile.remove();
          projectiles.splice(index, 1);
        }
      });
    }

// Update enemies position
    function updateEnemies() {
      if (Math.random() < 0.02) {
        createEnemy();
      }

enemies.forEach(function(enemy) {
        var deltaX = (playerX + playerSize / 2) - (parseInt(enemy.style.left) + 10);
        var deltaY = (playerY + playerSize / 2) - (parseInt(enemy.style.top) + 10);
        var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);

if (distance > 0) {
          enemy.style.left = parseInt(enemy.style.left) + (deltaX * 2 / distance) + "px";
          enemy.style.top = parseInt(enemy.style.top) + (deltaY * 2 / distance) + "px";
        }
      });
    }

// Create a new enemy
    function createEnemy() {
      var enemy = document.createElement("div");
      enemy.className = "enemy";
      enemy.style.left = Math.random() * 460 + "px";
      enemy.style.top = Math.random() * 460 + "px";

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

// Check if two elements collide
    function collides(element1, element2) {
      var rect1 = element1.getBoundingClientRect();
      var rect2 = element2.getBoundingClientRect();

return !(
        rect1.right < rect2.left ||
        rect1.left > rect2.right ||
        rect1.bottom < rect2.top ||
        rect1.top > rect2.bottom
      );
    }

// Start game processing
    var gameInterval = setInterval(gameLoop, 16);
  </script>
</body>
</html>
```

Please note that this implementation is a basic version of the game and may require additional enhancements and optimizations based on specific requirements or preferences.