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:11373

117

←

Prev Next

→

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

Script

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

To play the game, open the HTML file in a web browser. Use the arrow keys to move the player and press the space bar to shoot. The goal is to eat all the moving black circles while avoiding colliding with them when you are smaller than them. The more black circles you eat, the bigger the player becomes, and the bigger the bullets. The game ends if the player collides with a black circle when their size reaches the maximum of 100.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Circle Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Start game processing
    function startGame() {
      setInterval(updateGame, 20);
      document.addEventListener("keydown", handleKeyPress);
      document.addEventListener("keyup", handleKeyRelease);
    }

// Update game state
    function updateGame() {
      clearCanvas();
      movePlayer();
      moveBullets();
      generateEnemies();
      moveEnemies();
      checkCollision();
      drawPlayer();
      drawBullets();
      drawEnemies();
    }

// Clear the canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Move the player based on key presses
    function movePlayer() {
      if (keyStates["ArrowUp"]) {
        player.y -= player.speed;
      }
      if (keyStates["ArrowDown"]) {
        player.y += player.speed;
      }
      if (keyStates["ArrowLeft"]) {
        player.x -= player.speed;
      }
      if (keyStates["ArrowRight"]) {
        player.x += player.speed;
      }
      
      // Keep the player within the canvas boundaries
      player.x = Math.max(player.size, Math.min(canvas.width - player.size, player.x));
      player.y = Math.max(player.size, Math.min(canvas.height - player.size, player.y));
    }

// Handle key presses
    var keyStates = {};
    function handleKeyPress(event) {
      event.preventDefault();
      keyStates[event.key] = true;
      if (event.key === " ") {
        shoot();
      }
    }

// Handle key releases
    function handleKeyRelease(event) {
      event.preventDefault();
      keyStates[event.key] = false;
    }

// Shoot a bullet
    function shoot() {
      bullets.push({
        x: player.x,
        y: player.y,
        size: player.size + 5,
        speed: 8,
        lifespan: canvas.width / 8
      });
    }

// Move the bullets
    function moveBullets() {
      for (var i = 0; i < bullets.length; i++) {
        bullets[i].lifespan -= bullets[i].speed;
        bullets[i].x += bullets[i].speed;
        if (bullets[i].lifespan <= 0) {
          bullets.splice(i, 1);
          i--;
        }
      }
    }

// Generate enemies
    function generateEnemies() {
      if (Math.random() < 0.05) {
        enemies.push({
          x: Math.random() < 0.5 ? -30 : canvas.width + 30,
          y: Math.random() * canvas.height,
          size: Math.random() * 20 + 10,
          speed: Math.random() * 5 + 1
        });
      }
    }

// Move the enemies
    function moveEnemies() {
      for (var i = 0; i < enemies.length; i++) {
        var angle = Math.atan2(player.y - enemies[i].y, player.x - enemies[i].x);
        enemies[i].x += Math.cos(angle) * enemies[i].speed;
        enemies[i].y += Math.sin(angle) * enemies[i].speed;
      }
    }

// Check for collision between player, bullets, and enemies
    function checkCollision() {
      for (var i = 0; i < enemies.length; i++) {
        var distX = player.x - enemies[i].x;
        var distY = player.y - enemies[i].y;
        var distance = Math.sqrt(distX * distX + distY * distY);
        if (distance < player.size + enemies[i].size) {
          if (player.size + enemies[i].size <= player.maxSize) {
            player.size += enemies[i].size;
            enemies.splice(i, 1);
            i--;
          } else {
            gameOver();
          }
        }
        for (var j = 0; j < bullets.length; j++) {
          var distX = bullets[j].x - enemies[i].x;
          var distY = bullets[j].y - enemies[i].y;
          var distance = Math.sqrt(distX * distX + distY * distY);
          if (distance < bullets[j].size + enemies[i].size) {
            enemies.splice(i, 1);
            bullets.splice(j, 1);
            i--;
            j--;
          }
        }
      }
    }

// Draw the player
    function drawPlayer() {
      ctx.beginPath();
      ctx.arc(player.x, player.y, player.size, 0, Math.PI * 2);
      ctx.fillStyle = "blue";
      ctx.fill();
      ctx.strokeStyle = "red";
      ctx.lineWidth = 2;
      ctx.stroke();
      ctx.closePath();
    }

// Draw the bullets
    function drawBullets() {
      for (var i = 0; i < bullets.length; i++) {
        ctx.beginPath();
        ctx.arc(bullets[i].x, bullets[i].y, bullets[i].size, 0, Math.PI * 2);
        ctx.fillStyle = "blue";
        ctx.fill();
        ctx.closePath();
      }
    }

// Draw the enemies
    function drawEnemies() {
      for (var i = 0; i < enemies.length; i++) {
        ctx.beginPath();
        ctx.arc(enemies[i].x, enemies[i].y, enemies[i].size, 0, Math.PI * 2);
        ctx.fillStyle = "black";
        ctx.fill();
        ctx.strokeStyle = "red";
        ctx.lineWidth = 2;
        ctx.stroke();
        ctx.closePath();
      }
    }

// Game over
    function gameOver() {
      clearInterval(updateGame);
      alert("Game Over");
      location.reload();
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```