You are a blue circle . Your goal is to eat 200 black circle. The more black circles you eat the bigger you get the faster you get. Max size is 1000. There are red circles in different sizes if you touch the red circle you lose but you can eat them if your bigger. There are rare green circles that can move. You need to eat all the circles to win. Up down right left controls. Eat the circles by going next to them. Very fun and perfect.'s game

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

No:11288

129

←

Prev Next

→

You are a blue circle . Your goal is to eat 200 bl..ALL
Developer No｜Date and time 23/8/9 6:44:21
Build time 51.48 sec｜Game capacity 6.389KB｜

Script

Sure! Here is a simplified version of the game you described, implemented as a single HTML file containing JavaScript enclosed in script tags:

To play the game, copy the above code into an HTML file and open it in a web browser (preferably on a smartphone). Use the arrow keys to move the blue circle and try to eat all the black circles without touching the red circles. The green circles have some random movement. If you eat all the circles, you win; if you touch a red circle, you lose. Have fun playing!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here is a simplified version of the game you described, implemented as a single HTML file containing JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #gameCanvas {
      background-color: #f1f1f1;
      border: 1px solid #ccc;
      display: block;
      margin: 0 auto;
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

var player = {
      x: 300,
      y: 200,
      radius: 10,
      color: "blue",
      speed: 2,
      score: 0,
      maxRadius: 1000
    };

var blackCircles = [];
    var redCircles = [];
    var greenCircles = [];

function createCircles() {
      for (var i = 0; i < 200; i++) {
        blackCircles.push(createCircle("black"));
      }
      redCircles.push(createCircle("red"));
      greenCircles.push(createCircle("green"));
    }

function createCircle(color) {
      var x = Math.random() * (canvas.width - 20) + 10;
      var y = Math.random() * (canvas.height - 20) + 10;
      var radius = Math.random() * 6 + 4;
      return { x: x, y: y, radius: radius, color: color };
    }

function drawCircle(x, y, radius, color) {
      ctx.beginPath();
      ctx.arc(x, y, radius, 0, 2 * Math.PI);
      ctx.fillStyle = color;
      ctx.fill();
      ctx.closePath();
    }

function drawPlayer() {
      drawCircle(player.x, player.y, player.radius, player.color);
    }

function update() {
      if (player.score === 200) {
        // Player wins
        victory();
        return;
      }

for (var i = 0; i < greenCircles.length; i++) {
        moveGreenCircle(greenCircles[i]);
      }
      
      draw();
      requestAnimationFrame(update);
    }

function moveGreenCircle(circle) {
      circle.x += (Math.random() * 4 - 2);
      circle.y += (Math.random() * 4 - 2);
    }

function movePlayer(direction) {
      switch (direction) {
        case "up":
          player.y -= player.speed;
          break;
        case "down":
          player.y += player.speed;
          break;
        case "left":
          player.x -= player.speed;
          break;
        case "right":
          player.x += player.speed;
          break;
      }
    }

function isNear(circle1, circle2) {
      var dx = circle1.x - circle2.x;
      var dy = circle1.y - circle2.y;
      var distance = Math.sqrt(dx * dx + dy * dy);
      return distance < circle1.radius + circle2.radius;
    }

function victory() {
      alert("Congratulations! You ate all the circles and won the game!");
      resetGame();
    }

function gameOver() {
      alert("Game over! Try again!");
      resetGame();
    }

function resetGame() {
      player.x = 300;
      player.y = 200;
      player.radius = 10;
      player.score = 0;
      player.speed = 2;
      blackCircles = [];
      redCircles = [];
      greenCircles = [];
      createCircles();
    }

createCircles();
    update();

window.addEventListener("keydown", handleKeyDown);
  </script>
</body>
</html>
```

Have fun playing!