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

158

←

Prev Next

→

You are a blue circle with red eyes sprite. You ca..ALL
Developer No｜Date and time 23/8/9 12:18:46
Build time 47.418 sec｜Game capacity 6.132KB｜

Script

Sure! Here is an implementation of the game in a single HTML file using JavaScript:

To play the game, you can save the above code to an HTML file (e.g., `game.html`) and open it in a web browser. The game can be played using the arrow keys to move the player, and the spacebar to shoot bullets. The goal is to shoot down all 100 moving black circles before your player size reaches 100. The more circles you devour, the bigger your player becomes, and the larger bullets you shoot.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here is an implementation of the game in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Circle Game</title>
  <style>
    #game-container {
      position: relative;
      margin: 0 auto;
      width: 500px;
      height: 500px;
      background-color: #cccccc;
    }
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: blue;
      z-index: 1;
    }
    .enemy {
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: black;
    }
    .bullet {
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: blue;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
  </div>
  
  <script>
    // Game variables
    var playerSize = 20;
    var playerSpeed = 5;
    var bulletSize = 5;
    var bulletSpeed = 10;
    var maxPlayerSize = 100;
    var enemySize = 10;
    var enemySpeed = 2;
    var canvasSize = 500;
    var enemies = [];
    var bullets = [];
    
    // Initialize player
    var player = document.getElementById('player');
    player.style.width = playerSize + 'px';
    player.style.height = playerSize + 'px';
    
    // Initialize game container
    var gameContainer = document.getElementById('game-container');
    
    // Start game
    function startGame() {
      document.addEventListener('keydown', movePlayer);
      setInterval(moveEnemies, 10);
      setInterval(moveBullets, 10);
      setInterval(detectCollisions, 10);
      setInterval(updateGame, 10);
    }
    
    // Move player
    function movePlayer(event) {
      var key = event.key;
      var playerX = player.offsetLeft;
      var playerY = player.offsetTop;
      
      if (key === 'ArrowUp' && playerY - playerSpeed >= 0) {
        player.style.top = playerY - playerSpeed + 'px';
      } else if (key === 'ArrowDown' && playerY + playerSpeed + playerSize <= canvasSize) {
        player.style.top = playerY + playerSpeed + 'px';
      } else if (key === 'ArrowLeft' && playerX - playerSpeed >= 0) {
        player.style.left = playerX - playerSpeed + 'px';
      } else if (key === 'ArrowRight' && playerX + playerSpeed + playerSize <= canvasSize) {
        player.style.left = playerX + playerSpeed + 'px';
      } else if (key === ' ') { // Shoot bullet on spacebar press
        shootBullet(playerX + playerSize / 2, playerY + playerSize / 2)
      }
    }
    
    // Shoot bullet
    function shootBullet(startX, startY) {
      var bullet = document.createElement('div');
      bullet.className = 'bullet';
      bullet.style.left = startX - bulletSize/2 + 'px';
      bullet.style.top = startY - bulletSize/2 + 'px';
      gameContainer.appendChild(bullet);
      bullets.push(bullet);
    }
    
    // Move bullets
    function moveBullets() {
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
        var bulletY = bullet.offsetTop;
        
        if (bulletY - bulletSpeed >= 0) {
          bullet.style.top = bulletY - bulletSpeed + 'px';
        } else {
          gameContainer.removeChild(bullet);
          bullets.splice(i, 1);
          i--;
        }
      }
    }
    
    // Move enemies
    function moveEnemies() {
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var enemyY = enemy.offsetTop;
        
        if (enemyY + enemySpeed + enemySize <= canvasSize) {
          enemy.style.top = enemyY + enemySpeed + 'px';
        } else {
          gameContainer.removeChild(enemy);
          enemies.splice(i, 1);
          i--;
        }
      }
      
      // Add new enemy randomly
      if (Math.random() < 0.05) {
        var enemyX = Math.random() * canvasSize;
        var enemy = document.createElement('div');
        enemy.className = 'enemy';
        enemy.style.top = -enemySize + 'px';
        enemy.style.left = enemyX + 'px';
        gameContainer.appendChild(enemy);
        enemies.push(enemy);
      }
    }
    
    // Detect collisions
    function detectCollisions() {
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
        var bulletX = bullet.offsetLeft;
        var bulletY = bullet.offsetTop;
        
        for (var j = 0; j < enemies.length; j++) {
          var enemy = enemies[j];
          var enemyX = enemy.offsetLeft;
          var enemyY = enemy.offsetTop;
          
          if (bulletX >= enemyX && bulletX <= enemyX + enemySize && bulletY >= enemyY && bulletY <= enemyY + enemySize) {
            gameContainer.removeChild(bullet);
            bullets.splice(i, 1);
            i--;
            gameContainer.removeChild(enemy);
            enemies.splice(j, 1);
            j--;
            playerSize += 2;
            player.style.width = playerSize + 'px';
            player.style.height = playerSize + 'px';
          }
        }
      }
    }
    
    // Update game
    function updateGame() {
      if (playerSize >= maxPlayerSize) {
        // Game over
        alert('Game Over!');
        clearInterval(updateGame);
        document.removeEventListener('keydown', movePlayer);
        resetGame();
      }
    }
    
    // Reset game
    function resetGame() {
      gameContainer.innerHTML = '<div id="player"></div>';
      player = document.getElementById('player');
      player.style.width = playerSize + 'px';
      player.style.height = playerSize + 'px';
      enemies = [];
      bullets = [];
      playerSize = 20;
    }
    
    // Start the game
    startGame();
  </script>
</body>
</html>
```