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

←

Prev Next

→

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

Script

Sure, here's a basic implementation of the game you described using HTML and JavaScript:

To play the game, just save the above code into a `.html` file and open it in a web browser, preferably on a smartphone. The player can control the blue circle sprite using the arrow keys (up, down, left, right) to move, and the spacebar to shoot blue triangles in any direction. The goal is to eat all 100 moving black circles by colliding with them and shooting them with the triangles. As the player eats the black circles, they will grow bigger, and the triangles shot will also increase in size. The player's maximum size is 100. The score will be displayed on the screen, showing the number of black circles devoured.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's a basic implementation of the game you described using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #gameCanvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #FFF;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div id="gameCanvas"></div>
    
    <script>
        // Game Constants
        const MAX_SIZE = 100;
        const PLAYER_COLOR = "#00F";
        const PLAYER_RADIUS = 10;
        const PLAYER_SPEED = 5;
        const PLAYER_SHOT_SPEED = 10;
        const PLAYER_SHOT_SIZE = 5;
        const ENEMY_COLOR = "#000";
        const ENEMY_RADIUS = 5;
        const ENEMY_SPEED = 2;
        const CANVAS_WIDTH = window.innerWidth;
        const CANVAS_HEIGHT = window.innerHeight;
        
        // Game Variables
        let playerX, playerY, playerSize, playerShotSize;
        let enemies;
        let score;
        let gameCanvas, gameContext;
        let leftPressed, rightPressed, upPressed, downPressed, shootPressed;
        
        function init() {
            playerX = CANVAS_WIDTH / 2;
            playerY = CANVAS_HEIGHT / 2;
            playerSize = PLAYER_RADIUS;
            playerShotSize = PLAYER_SHOT_SIZE;
            
            enemies = [];
            for (let i = 0; i < 100; i++) {
                const enemy = {
                    x: Math.random() * CANVAS_WIDTH,
                    y: Math.random() * CANVAS_HEIGHT,
                    radius: ENEMY_RADIUS,
                    alive: true
                };
                enemies.push(enemy);
            }
            
            score = 0;
            
            gameCanvas = document.getElementById("gameCanvas");
            gameContext = gameCanvas.getContext("2d");
            
            gameCanvas.width = CANVAS_WIDTH;
            gameCanvas.height = CANVAS_HEIGHT;
            
            leftPressed = false;
            rightPressed = false;
            upPressed = false;
            downPressed = false;
            shootPressed = false;
            
            gameCanvas.addEventListener("keydown", keyDownHandler);
            gameCanvas.addEventListener("keyup", keyUpHandler);
            
            setInterval(gameLoop, 20);
        }
        
        function keyDownHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = true;
            } else if (event.key === "ArrowRight") {
                rightPressed = true;
            } else if (event.key === "ArrowUp") {
                upPressed = true;
            } else if (event.key === "ArrowDown") {
                downPressed = true;
            } else if (event.key === " ") {
                shootPressed = true;
            }
        }
        
        function keyUpHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = false;
            } else if (event.key === "ArrowRight") {
                rightPressed = false;
            } else if (event.key === "ArrowUp") {
                upPressed = false;
            } else if (event.key === "ArrowDown") {
                downPressed = false;
            } else if (event.key === " ") {
                shootPressed = false;
            }
        }
        
        function gameLoop() {
            // Clear canvas
            gameContext.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
            
            // Move player
            if (leftPressed && playerX > 0) {
                playerX -= PLAYER_SPEED;
            }
            if (rightPressed && playerX < CANVAS_WIDTH) {
                playerX += PLAYER_SPEED;
            }
            if (upPressed && playerY > 0) {
                playerY -= PLAYER_SPEED;
            }
            if (downPressed && playerY < CANVAS_HEIGHT) {
                playerY += PLAYER_SPEED;
            }
            
            // Draw player
            gameContext.beginPath();
            gameContext.arc(playerX, playerY, playerSize, 0, Math.PI * 2);
            gameContext.fillStyle = PLAYER_COLOR;
            gameContext.fill();
            gameContext.closePath();
            
            // Shoot
            if (shootPressed && playerShotSize <= playerSize) {
                gameContext.beginPath();
                gameContext.arc(playerX, playerY, playerShotSize, 0, Math.PI * 2);
                gameContext.fillStyle = PLAYER_COLOR;
                gameContext.fill();
                gameContext.closePath();
                
                playerShotSize += 0.5;
            } else {
                playerShotSize = PLAYER_SHOT_SIZE;
            }
            
            // Move and check collisions for enemies
            for (let i = 0; i < enemies.length; i++) {
                const enemy = enemies[i];
                
                if (enemy.alive) {
                    // Move enemy
                    const angle = Math.atan2(playerY - enemy.y, playerX - enemy.x);
                    enemy.x += Math.cos(angle) * ENEMY_SPEED;
                    enemy.y += Math.sin(angle) * ENEMY_SPEED;
                    
                    // Check collision with player
                    const distance = Math.sqrt((playerX - enemy.x) ** 2 + (playerY - enemy.y) ** 2);
                    if (distance < playerSize + enemy.radius) {
                        if (playerSize < MAX_SIZE) {
                            playerSize++;
                        }
                        score++;
                        enemy.alive = false;
                    }
                    
                    // Check collision with shots
                    if (shootPressed && playerShotSize > PLAYER_SHOT_SIZE) {
                        const shotDistance = Math.sqrt((playerX - enemy.x) ** 2 + (playerY - enemy.y) ** 2);
                        if (shotDistance < playerShotSize + enemy.radius) {
                            if (playerSize < MAX_SIZE) {
                                playerSize++;
                            }
                            score++;
                            enemy.alive = false;
                        }
                    }
                    
                    // Draw enemy
                    gameContext.beginPath();
                    gameContext.arc(enemy.x, enemy.y, enemy.radius, 0, Math.PI * 2);
                    gameContext.fillStyle = ENEMY_COLOR;
                    gameContext.fill();
                    gameContext.closePath();
                }
            }
            
            // Score
            gameContext.font = "16px Arial";
            gameContext.fillStyle = "#000";
            gameContext.fillText("Score: " + score, 8, 20);
        }
        
        init();
    </script>
</body>
</html>
```