You are a blue circle with red eyes. You can shoot red triangles in all directions by pressing space. Your goal is to devour all 200 different sized black circle. The more you devour the circles the bigger you get. Max size 100. The black circles can only k○ll you if it is bigger then you. The black circles will fade after you devour them. Right left up down controls.'s game

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

No:11355

←

Prev Next

→

You are a blue circle with red eyes. You can shoot..ALL
Developer No｜Date and time 23/8/9 11:52:04
Build time 47.302 sec｜Game capacity 6.536KB｜

Script

Sure! Here's an implementation of the game you described using HTML and JavaScript within a single HTML file:

To play the game, you can copy and paste the above code into a new HTML file, and then open that file in a web browser. The game will run, and you'll be able to control the blue circle with red eyes using the arrow keys on your keyboard. Press the spacebar to shoot red triangles in the direction of the mouse pointer. The goal is to devour all 200 black circles by colliding with them. The more circles you devour, the bigger your blue circle becomes (up to a maximum size of 100). If a black circle is larger than your blue circle, it will kill you on contact. The black circles will fade out after you devour them. The current score and the number of remaining black circles are displayed at the top-left of the game canvas.

←

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 using HTML and JavaScript within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid black;
      background-color: white;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="game" width="800" height="600"></canvas>

var score = 0;
    var maxScore = 200;
    var playerMaxSize = 100;

// Event listeners for player movement
    document.addEventListener("keydown", handleKeyDown);
    document.addEventListener("keyup", handleKeyUp);

var leftPressed = false;
    var rightPressed = false;
    var upPressed = false;
    var downPressed = false;

// Update player position based on arrow keys pressed
    function updatePlayer() {
      if (leftPressed && player.x - player.speed > 0) {
        player.x -= player.speed;
      }
      if (rightPressed && player.x + player.speed < canvas.width) {
        player.x += player.speed;
      }
      if (upPressed && player.y - player.speed > 0) {
        player.y -= player.speed;
      }
      if (downPressed && player.y + player.speed < canvas.height) {
        player.y += player.speed;
      }
    }

// Handle bullet movement and collision detection
    function updateBullets() {
      bullets.forEach(function(bullet) {
        bullet.x += Math.cos(bullet.direction) * bullet.speed;
        bullet.y += Math.sin(bullet.direction) * bullet.speed;
        
        if (bullet.x < 0 || bullet.x > canvas.width || bullet.y < 0 || bullet.y > canvas.height) {
          // Remove bullet if it goes offscreen
          bullets.splice(bullets.indexOf(bullet), 1);
          return;
        }

// Check collision with black circles
        circles.forEach(function(circle) {
          var dx = bullet.x - circle.x;
          var dy = bullet.y - circle.y;
          var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < bullet.size / 2 + circle.size / 2) {
            // Remove bullet and circle if they collide
            bullets.splice(bullets.indexOf(bullet), 1);
            circles.splice(circles.indexOf(circle), 1);
            score++;

// Grow player size if score is not at maximum
            if (player.size + 2 <= playerMaxSize) {
              player.size += 2;
            }
          }
        });
      });
    }

// Generate black circles at random positions
    function generateCircles() {
      while (circles.length < maxScore) {
        var circleSize = Math.random() * 10 + 5;
        circles.push({
          x: Math.random() * (canvas.width - circleSize),
          y: Math.random() * (canvas.height - circleSize),
          size: circleSize,
          opacity: 1
        });
      }
    }

// Update circle opacity and fade out if devoured by player
    function updateCircles() {
      circles.forEach(function(circle) {
        if (circle.opacity > 0 && circle.size < player.size && circle.x < player.x + player.size && circle.x + circle.size > player.x && circle.y < player.y + player.size && circle.y + circle.size > player.y) {
          circle.opacity -= 0.01;
          if (circle.opacity < 0) {
            circle.opacity = 0;
          }
        }
      });
    }

// Draw player, bullets, and circles on canvas
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      context.fillStyle = "blue";
      context.beginPath();
      context.arc(player.x, player.y, player.size, 0, Math.PI * 2);
      context.fill();
      
      context.strokeStyle = "red";
      context.fillStyle = "red";
      bullets.forEach(function(bullet) {
        context.beginPath();
        context.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2);
        context.fill();
      });

circles.forEach(function(circle) {
        if (circle.opacity > 0) {
          context.globalAlpha = circle.opacity;
          context.beginPath();
          context.arc(circle.x, circle.y, circle.size, 0, Math.PI * 2);
          context.fill();
        }
      });

// Display score
      context.globalAlpha = 1;
      context.fillStyle = "black";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
      context.fillText("Circles Left: " + (maxScore - score), 10, 60);

requestAnimationFrame(draw);
    }

// Update game logic and start the game loop
    function gameLoop() {
      updatePlayer();
      updateBullets();
      updateCircles();
      draw();
    }

generateCircles();
    gameLoop();
  </script>
</body>
</html>
```