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

←

Prev Next

→

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

Script

Sure, here's a sample implementation of the game as a single HTML file:

To play the game, you can simply copy and paste the above code into an HTML file and open it in a web browser. The controls are as follows: - Use the arrow keys to move the blue circle sprite. - Press the space bar to shoot blue triangles in the direction you're facing. - Your goal is to eat all the moving black circles by colliding with them. The more black circles you devour, the bigger you get. Your maximum size is 100. As you get bigger, the triangles you shoot will also get bigger. - The score is displayed in the top left corner of the game window. Please note that this is a basic implementation and can be modified and improved further according to your needs and preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a sample implementation of the game as a single HTML file:

```html
<!DOCTYPE html>
<html>

<head>
    <style>
        #gameCanvas {
            background-color: #000;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>

// Set up game state
        let playerSize = 10;
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        let playerSpeed = 5;
        let playerBullets = [];
        let blackCircles = [];
        let score = 0;

const maxPlayerSize = 100;
        const bulletSizeIncrement = 2;

const controls = {
            up: false,
            down: false,
            left: false,
            right: false
        };

// Event listeners for keyboard controls
        document.addEventListener('keydown', handleKeyDown);
        document.addEventListener('keyup', handleKeyUp);

function handleKeyDown(event) {
            switch (event.key) {
                case 'ArrowUp':
                    controls.up = true;
                    break;
                case 'ArrowDown':
                    controls.down = true;
                    break;
                case 'ArrowLeft':
                    controls.left = true;
                    break;
                case 'ArrowRight':
                    controls.right = true;
                    break;
                case ' ':
                    shoot();
                    break;
            }
        }

function handleKeyUp(event) {
            switch (event.key) {
                case 'ArrowUp':
                    controls.up = false;
                    break;
                case 'ArrowDown':
                    controls.down = false;
                    break;
                case 'ArrowLeft':
                    controls.left = false;
                    break;
                case 'ArrowRight':
                    controls.right = false;
                    break;
            }
        }

// Function to update game state
        function update() {
            // Update player position based on controls
            if (controls.up && playerY > 0) {
                playerY -= playerSpeed;
            }
            if (controls.down && playerY < canvas.height) {
                playerY += playerSpeed;
            }
            if (controls.left && playerX > 0) {
                playerX -= playerSpeed;
            }
            if (controls.right && playerX < canvas.width) {
                playerX += playerSpeed;
            }

// Update player bullets
            playerBullets.forEach((bullet, index) => {
                bullet.y -= playerSpeed;
                if (bullet.y < 0) {
                    // Remove bullet if it goes off-screen
                    playerBullets.splice(index, 1);
                }
            });

// Check for collisions with black circles
            blackCircles.forEach((circle, index) => {
                if (
                    playerX < circle.x + circle.size &&
                    playerX + playerSize > circle.x &&
                    playerY < circle.y + circle.size &&
                    playerY + playerSize > circle.y
                ) {
                    // Player has collided with a black circle
                    if (playerSize < maxPlayerSize) {
                        playerSize += 1;
                        score += 1;
                        bulletSizeIncrement += 0.1;
                    }

// Remove the black circle from the array
                    blackCircles.splice(index, 1);
                }

// Check for bullet collisions with black circles
                playerBullets.forEach((bullet, bulletIndex) => {
                    if (
                        bullet.x < circle.x + circle.size &&
                        bullet.x + bullet.size > circle.x &&
                        bullet.y < circle.y + circle.size &&
                        bullet.y + bullet.size > circle.y
                    ) {
                        // Bullet has collided with a black circle
                        circle.size -= bullet.size;
                        if (circle.size <= 0) {
                            // Remove black circle if it has been destroyed
                            blackCircles.splice(index, 1);
                        }

// Remove the bullet from the array
                        playerBullets.splice(bulletIndex, 1);
                    }
                });
            });

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

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

// Draw player bullets
            playerBullets.forEach((bullet) => {
                ctx.fillStyle = 'blue';
                ctx.fillRect(bullet.x - bullet.size / 2, bullet.y - bullet.size / 2, bullet.size, bullet.size);
            });

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

// Display score
            ctx.fillStyle = 'white';
            ctx.fillText('Score: ' + score, 10, 20);

// Call update function again
            requestAnimationFrame(update);
        }

// Function to spawn black circles
        function spawnBlackCircles(count) {
            for (let i = 0; i < count; i++) {
                const size = Math.floor(Math.random() * 10 + 5);
                const x = Math.floor(Math.random() * canvas.width);
                const y = Math.floor(Math.random() * canvas.height);
                blackCircles.push({ x, y, size });
            }
        }

// Function to shoot bullets
        function shoot() {
            playerBullets.push({
                x: playerX,
                y: playerY,
                size: playerSize * 0.1 * bulletSizeIncrement
            });
        }

// Start the game
        spawnBlackCircles(100);
        update();
    </script>
</body>

</html>
```
To play the game, you can simply copy and paste the above code into an HTML file and open it in a web browser. The controls are as follows:

- Use the arrow keys to move the blue circle sprite.
- Press the space bar to shoot blue triangles in the direction you're facing.
- Your goal is to eat all the moving black circles by colliding with them. The more black circles you devour, the bigger you get. Your maximum size is 100. As you get bigger, the triangles you shoot will also get bigger.
- The score is displayed in the top left corner of the game window.

Please note that this is a basic implementation and can be modified and improved further according to your needs and preferences.