You are a blue circle with red eyes sprite. Your goal is to k○ll 1000 black moving circle . The more black circles you k○ll the bigger and faster you get. Max size 100. The more you grow the lighter shade of your blue circle. Up down right left controls. There are 10 moving red circle with different sizes that can defeat you but to defeat the red circle you need to be bigger then the red circles.you can shoot grey triangles that can damage any sphere from all directions your pointing.'s game

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

No:11341

←

Prev Next

→

You are a blue circle with red eyes sprite. Your g..ALL
Developer No｜Date and time 23/8/9 11:34:30
Build time 51.14 sec｜Game capacity 6.73KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Circle Hunter Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <script>
    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext("2d");
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    document.body.appendChild(canvas);

var player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      radius: 10,
      color: "blue",
      speed: 10,
      shootInterval: 300,
      shootTime: 0,
      direction: "up",
      killed: 0,
      maxKilled: 1000
    };

var enemies = [];
    var redCircles = [];

function spawnEnemy() {
      var enemy = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        radius: 5 + Math.random() * 10,
        color: "black",
        speed: 2 + Math.random() * 5
      };
      enemies.push(enemy);
    }

switch (bullet.direction) {
          case "up":
            bullet.y -= bullet.speed;
            break;
          case "down":
            bullet.y += bullet.speed;
            break;
          case "left":
            bullet.x -= bullet.speed;
            break;
          case "right":
            bullet.x += bullet.speed;
            break;
        }
      }
    }
    
    function detectCollision(entity1, entity2) {
      var dx = entity1.x - entity2.x;
      var dy = entity1.y - entity2.y;
      var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < entity1.radius + entity2.radius) {
        return true;
      } else {
        return false;
      }
    }
    
    function checkPlayerCollision() {
      for (var i = 0; i < redCircles.length; i++) {
        var redCircle = redCircles[i];
        if (detectCollision(player, redCircle)) {
          if (player.radius > redCircle.radius) {
            // Player defeats the red circle
            redCircles.splice(i, 1);
            i--;
          } else {
            // Red circle defeats the player
            return true;
          }
        }
      }
      return false;
    }
    
    function checkBulletCollision() {
      for (var i = 0; i < bullets.length; i++) {
        for (var j = 0; j < enemies.length; j++) {
          var bullet = bullets[i];
          var enemy = enemies[j];
          if (detectCollision(bullet, enemy)) {
            enemies.splice(j, 1);
            j--;
            bullets.splice(i, 1);
            i--;
            player.killed++;
            player.radius += 0.5;
          }
        }
      }
    }
    
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

if (player.radius <= 100) {
        player.color = "rgb(" + (255 - player.radius * 2) + ", " + (255 - player.radius * 2) + ", 255)";
      }

if (player.killed >= player.maxKilled) {
        alert("You won! Congratulations!");
        clearInterval(gameInterval);
        return;
      }

if (checkPlayerCollision()) {
        alert("Game over! You were defeated by a red circle.");
        clearInterval(gameInterval);
        return;
      }

handleBulletMovement();
      checkBulletCollision();

for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var dx = player.x - enemy.x;
        var dy = player.y - enemy.y;
        var angle = Math.atan2(dy, dx);
        enemy.x += Math.cos(angle) * enemy.speed;
        enemy.y += Math.sin(angle) * enemy.speed;

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

var playerColor = player.color;

ctx.beginPath();
      ctx.arc(player.x, player.y, player.radius, 0, Math.PI * 2);
      ctx.fillStyle = playerColor;
      ctx.fill();
      ctx.closePath();

for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
        ctx.beginPath();
        ctx.arc(bullet.x, bullet.y, bullet.radius, 0, Math.PI * 2);
        ctx.fillStyle = bullet.color;
        ctx.fill();
        ctx.closePath();
      }

if (player.shootTime > 0) {
        player.shootTime--;
      }

if (keys.up && player.y > 0 - player.radius) {
        player.y -= player.speed;
        player.direction = "up";
      }

if (keys.down && player.y < canvas.height + player.radius) {
        player.y += player.speed;
        player.direction = "down";
      }

if (keys.left && player.x > 0 - player.radius) {
        player.x -= player.speed;
        player.direction = "left";
      }

if (keys.right && player.x < canvas.width + player.radius) {
        player.x += player.speed;
        player.direction = "right";
      }

if (keys.space && player.shootTime === 0) {
        shoot();
        player.shootTime = player.shootInterval;
      }
    }

var keys = {
      up: false,
      down: false,
      left: false,
      right: false,
      space: false
    };

document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

var gameInterval = setInterval(update, 20);

for (var i = 0; i < 10; i++) {
      spawnRedCircle();
    }

setInterval(spawnEnemy, 2000);
  </script>
</body>
</html>