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

121

←

Prev Next

→

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

Script

Here's an example of how the game mechanics can be implemented in a single HTML file using JavaScript. Please note that this is a simplified version, and you may need to add additional functionalities and styling to make it a complete game.

This is a basic implementation of the game mechanics you requested. You can run this code in a web browser to see it in action. However, please note that this is just a starting point, and you may want to add additional features, such as scoring, levels, and more complex enemy behavior, to make it a complete game.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```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: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: blue;
    }
    .bullet {
      position: absolute;
      width: 15px;
      height: 15px;
      background-color: blue;
    }
    .enemy {
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: black;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
  </div>
  
  <script>
    // Game variables
    var playerSize = 10;
    var maxPlayerSize = 100;
    var bulletSize = 10;
    var enemySize = 5;
    
    var playerX = 250; // Initial X position of the player
    var playerY = 250; // Initial Y position of the player
    var bullets = []; // Array to store the bullets
    var enemies = []; // Array to store the enemies
    
    var upPressed = false;
    var downPressed = false;
    var leftPressed = false;
    var rightPressed = false;
    var shootPressed = false;
    
    // Event listeners to control player movement
    document.addEventListener('keydown', function(event) {
      event.preventDefault(); // Prevent default actions (e.g., scrolling)
      if (event.keyCode === 38) {
        upPressed = true;
      } else if (event.keyCode === 40) {
        downPressed = true;
      } else if (event.keyCode === 37) {
        leftPressed = true;
      } else if (event.keyCode === 39) {
        rightPressed = true;
      } else if (event.keyCode === 32) {
        shootPressed = true;
      }
    });
    
    document.addEventListener('keyup', function(event) {
      event.preventDefault();
      if (event.keyCode === 38) {
        upPressed = false;
      } else if (event.keyCode === 40) {
        downPressed = false;
      } else if (event.keyCode === 37) {
        leftPressed = false;
      } else if (event.keyCode === 39) {
        rightPressed = false;
      } else if (event.keyCode === 32) {
        shootPressed = false;
      }
    });
    
    // Game loop
    setInterval(function() {
      // Player movement
      if (upPressed) {
        playerY -= 3;
      }
      if (downPressed) {
        playerY += 3;
      }
      if (leftPressed) {
        playerX -= 3;
      }
      if (rightPressed) {
        playerX += 3;
      }
      
      // Shoot bullets
      if (shootPressed) {
        bullets.push({
          x: playerX,
          y: playerY,
          size: playerSize
        });
      }
      
      // Move bullets
      bullets.forEach(function(bullet) {
        bullet.y -= 5;
      });
      
      // Move enemies and check collision
      enemies.forEach(function(enemy, index) {
        enemy.y += 2;
        
        bullets.forEach(function(bullet, bulletIndex) {
          if (
            bullet.x >= enemy.x - bullet.size &&
            bullet.x <= enemy.x + enemySize &&
            bullet.y >= enemy.y - bullet.size &&
            bullet.y <= enemy.y + enemySize
          ) {
            bullets.splice(bulletIndex, 1);
            enemies.splice(index, 1);
            playerSize += 1; // Increase player size when enemy is eaten
            if (playerSize > maxPlayerSize) {
              playerSize = maxPlayerSize;
            }
          }
        });
        
        if (
          playerX >= enemy.x - playerSize &&
          playerX <= enemy.x + enemySize &&
          playerY >= enemy.y - playerSize &&
          playerY <= enemy.y + enemySize
        ) {
          gameOver();
        }
      });
      
      // Remove bullets that are out of bounds
      bullets = bullets.filter(function(bullet) {
        return bullet.y > 0;
      });
      
      // Add new enemy if needed
      if (enemies.length < 100) {
        enemies.push({
          x: Math.random() * 500,
          y: 0
        });
      }
      
      // Render game
      render();
    }, 1000 / 60);
    
    // Render function
    function render() {
      var gameContainer = document.getElementById('game-container');
      gameContainer.innerHTML = '';
      
      // Render player
      var player = document.createElement('div');
      player.id = 'player';
      player.style.width = playerSize + 'px';
      player.style.height = playerSize + 'px';
      player.style.borderRadius = playerSize / 2 + 'px';
      player.style.backgroundColor = 'blue';
      player.style.top = playerY - playerSize / 2 + 'px';
      player.style.left = playerX - playerSize / 2 + 'px';
      gameContainer.appendChild(player);
      
      // Render bullets
      bullets.forEach(function(bullet) {
        var bulletElement = document.createElement('div');
        bulletElement.className = 'bullet';
        bulletElement.style.width = bullet.size + 'px';
        bulletElement.style.height = bullet.size + 'px';
        bulletElement.style.top = bullet.y + 'px';
        bulletElement.style.left = bullet.x - bullet.size / 2 + 'px';
        gameContainer.appendChild(bulletElement);
      });
      
      // Render enemies
      enemies.forEach(function(enemy) {
        var enemyElement = document.createElement('div');
        enemyElement.className = 'enemy';
        enemyElement.style.width = enemySize + 'px';
        enemyElement.style.height = enemySize + 'px';
        enemyElement.style.top = enemy.y + 'px';
        enemyElement.style.left = enemy.x + 'px';
        gameContainer.appendChild(enemyElement);
      });
    }
    
    // Game over function
    function gameOver() {
      clearInterval();
      alert('Game Over');
      location.reload(); // Restart the game
    }
  </script>
</body>
</html>
```