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

133

←

Prev Next

→

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

Script

Sure. Here is a sample implementation of the game described:

Note that this is a basic implementation and may require further improvements to make it a complete and enjoyable game.

←

Prev　Next

→ 　

Back　

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

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

Sure. Here is a sample implementation of the game described:

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

let playerX = canvas.width/2;
    let playerY = canvas.height/2;
    let playerSize = circleRadius;
    let playerSpeed = 5;

let shootX = playerX;
    let shootY = playerY;
    let shootSize = playerSize;
    let shootSpeed = 10;
    let shootDirection = '';

let blackCircles = [];
    const numBlackCircles = 100;

for (let i = 0; i < numBlackCircles; i++) {
      blackCircles.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        size: circleRadius,
        isAlive: true
      });
    }

// Main game loop
    function gameLoop() {
      // Update player position
      if (shootDirection === 'up' && shootY > 0) {
        shootY -= shootSpeed;
      } else if (shootDirection === 'down' && shootY < canvas.height) {
        shootY += shootSpeed;
      } else if (shootDirection === 'left' && shootX > 0) {
        shootX -= shootSpeed;
      } else if (shootDirection === 'right' && shootX < canvas.width) {
        shootX += shootSpeed;
      }

// Update black circle positions
      blackCircles.forEach(circle => {
        if (circle.isAlive) {
          circle.x += (Math.random() - 0.5) * playerSpeed;
          circle.y += (Math.random() - 0.5) * playerSpeed;

// Check if player collides with black circle
          if (Math.sqrt(Math.pow(circle.x - playerX, 2) + Math.pow(circle.y - playerY, 2)) < playerSize) {
            if (playerSize + playerSizeIncrement <= maxCircleSize) {
              playerSize += playerSizeIncrement;
              shootSize += playerSizeIncrement;
            }
            circle.isAlive = false;
          }

// Check if triangle collides with black circle
          if (Math.sqrt(Math.pow(circle.x - shootX, 2) + Math.pow(circle.y - shootY, 2)) < shootSize) {
            circle.isAlive = false;
          }
        }
      });

// Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player circle
      ctx.fillStyle = 'blue';
      ctx.beginPath();
      ctx.arc(playerX, playerY, playerSize, 0, Math.PI * 2);
      ctx.fill();

// Draw black circles
      blackCircles.forEach(circle => {
        if (circle.isAlive) {
          ctx.fillStyle = 'black';
          ctx.beginPath();
          ctx.arc(circle.x, circle.y, circle.size, 0, Math.PI * 2);
          ctx.fill();
        }
      });

// Draw triangle
      ctx.fillStyle = 'blue';
      ctx.beginPath();
      ctx.moveTo(shootX - shootSize, shootY + shootSize);
      ctx.lineTo(shootX + shootSize, shootY + shootSize);
      ctx.lineTo(shootX, shootY - shootSize);
      ctx.closePath();
      ctx.fill();

requestAnimationFrame(gameLoop);
    }

// Key event listeners
    document.addEventListener('keydown', event => {
      if (event.key === 'ArrowUp') {
        shootDirection = 'up';
      } else if (event.key === 'ArrowDown') {
        shootDirection = 'down';
      } else if (event.key === 'ArrowLeft') {
        shootDirection = 'left';
      } else if (event.key === 'ArrowRight') {
        shootDirection = 'right';
      }
    });

document.addEventListener('keyup', event => {
      shootDirection = '';
    });

// Start game loop
    gameLoop();
  </script>
</body>
</html>
```

Note that this is a basic implementation and may require further improvements to make it a complete and enjoyable game.