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

←

Prev Next

→

You are a blue circle with red eyes sprite. You ca..ALL
Developer No｜Date and time 23/8/9 12:13:41
Build time 44.721 sec｜Game capacity 7.182KB｜

Script

Sure, here's a simple game implementation based on your description:

To play the game, simply copy the code above into an HTML file and open it in a web browser. You will control the blue circle with red eyes sprite using the arrow keys (up/down/left/right) to move and the spacebar to shoot blue triangles. The goal is to eat all 100 moving black circles, which will make you bigger and increase your score. The triangles you shoot will also become bigger as you grow. Be careful not to collide with the black circles when you are too big, or it will be game over. Enjoy the game!

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game implementation based on your description:

```html
<!DOCTYPE html>
<html>
<head>
<style>
    canvas {
        border: 1px solid black;
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Create game objects
        function createObjects() {
            player = {
                x: 400,
                y: 300,
                radius: 10,
                color: 'blue',
                direction: null
            };

bullets = [];

circles = [];
            for (var i = 0; i < 100; i++) {
                var circle = {
                    x: Math.random() * 800,
                    y: Math.random() * 600,
                    radius: 5,
                    color: 'black',
                    speedX: Math.random() * 4 - 2,
                    speedY: Math.random() * 4 - 2
                };
                circles.push(circle);
            }

gameOver = false;
            score = 0;
        }

// Initialize game
        function init() {
            canvas = document.getElementById('gameCanvas');
            context = canvas.getContext('2d');

// Keyboard event listeners
            document.addEventListener('keydown', function(event) {
                if (event.keyCode === 37) {
                    player.direction = 'left'; // Left arrow
                } else if (event.keyCode === 39) {
                    player.direction = 'right'; // Right arrow
                } else if (event.keyCode === 38) {
                    player.direction = 'up'; // Up arrow
                } else if (event.keyCode === 40) {
                    player.direction = 'down'; // Down arrow
                } else if (event.keyCode === 32) {
                    shoot(); // Space key
                }
            });

document.addEventListener('keyup', function(event) {
                player.direction = null;
            });

// Create game objects
            createObjects();

// Start game loop
            setInterval(updateGame, 20);
        }

// Update game objects and collision detection
        function updateGame() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Game over condition
            if (gameOver) {
                context.fillStyle = 'red';
                context.font = '30px Arial';
                context.fillText('Game Over', 350, 300);
                return;
            }

// Update player position based on direction
            if (player.direction === 'left' && player.x >= player.radius) {
                player.x -= 3;
            } else if (player.direction === 'right' && player.x <= canvas.width - player.radius) {
                player.x += 3;
            } else if (player.direction === 'up' && player.y >= player.radius) {
                player.y -= 3;
            } else if (player.direction === 'down' && player.y <= canvas.height - player.radius) {
                player.y += 3;
            }

// Draw player
            context.beginPath();
            context.arc(player.x, player.y, player.radius, 0, Math.PI * 2);
            context.fillStyle = player.color;
            context.fill();
            context.closePath();

// Update and draw bullets
            for (var i = 0; i < bullets.length; i++) {
                bullets[i].x += bullets[i].speedX;
                bullets[i].y += bullets[i].speedY;

context.beginPath();
                context.moveTo(bullets[i].x, bullets[i].y);
                context.lineTo(bullets[i].x - 10, bullets[i].y);
                context.strokeStyle = player.color;
                context.lineWidth = 3;
                context.stroke();
                context.closePath();
            }

// Remove bullets that are outside the canvas
            bullets = bullets.filter(function(bullet) {
                return bullet.x > 0 && bullet.x < canvas.width
                    && bullet.y > 0 && bullet.y < canvas.height;
            });

// Update and draw circles
            for (var i = 0; i < circles.length; i++) {
                circles[i].x += circles[i].speedX;
                circles[i].y += circles[i].speedY;

context.beginPath();
                context.arc(circles[i].x, circles[i].y, circles[i].radius + score / 10, 0, Math.PI * 2);
                context.fillStyle = circles[i].color;
                context.fill();
                context.closePath();

// Circle collision detection with player
                var dx = player.x - circles[i].x;
                var dy = player.y - circles[i].y;
                var distance = Math.sqrt(dx * dx + dy * dy);
                if (distance < player.radius + circles[i].radius + score / 10) {
                    if (player.radius + score / 10 > 100) {
                        gameOver = true;
                    } else {
                        circles.splice(i, 1);
                        score++;
                        player.radius++;
                    }
                }

// Bullet collision detection with circles
                for (var j = 0; j < bullets.length; j++) {
                    var bx = bullets[j].x - circles[i].x;
                    var by = bullets[j].y - circles[i].y;
                    var bulletDistance = Math.sqrt(bx * bx + by * by);
                    if (bulletDistance < bullets[j].radius + circles[i].radius + score / 10) {
                        circles.splice(i, 1);
                        bullets.splice(j, 1);
                        score++;
                        player.radius++;
                        break;
                    }
                }
            }

// Display score
            context.fillStyle = 'black';
            context.font = '20px Arial';
            context.fillText('Score: ' + score, 10, 25);
        }

// Shoot a bullet
        function shoot() {
            var bullet = {
                x: player.x,
                y: player.y,
                radius: 5 + score / 50,
                speedX: -Math.sin(player.angle) * 5,
                speedY: Math.cos(player.angle) * 5
            };

bullets.push(bullet);
        }

// Start the game
        init();
    </script>
</body>
</html>
```