飛機射擊可升level's game

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

No:14319

←

Prev Next

→

飛機射擊可升level
Developer User6133｜Date and time 23/8/31 22:47:54
Build time 31.323 sec｜Game capacity 4.792KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>射擊遊戲</title>
    <style>
        body {
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

canvas {
            background-color: #363636;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Keyboard event listeners
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Key press handlers
        function keyDownHandler(event) {
            if (event.key === "ArrowLeft") {
                player.leftPressed = true;
            }
            else if (event.key === "ArrowRight") {
                player.rightPressed = true;
            }
            else if (event.key === " ") {
                bullets.push({ x: player.x + player.width / 2, y: player.y });
            }
        }

function keyUpHandler(event) {
            if (event.key === "ArrowLeft") {
                player.leftPressed = false;
            }
            else if (event.key === "ArrowRight") {
                player.rightPressed = false;
            }
        }

// Update game objects
        function update() {
            movePlayer();
            moveBullets();
            moveEnemies();
            checkCollision();
            checkLevelCompletion();

drawGame();

requestAnimationFrame(update);
        }

// Player movement
        function movePlayer() {
            if (player.leftPressed && player.x > 0) {
                player.x -= player.speed;
            }
            else if (player.rightPressed && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }
        }

// Bullet movement
        function moveBullets() {
            bullets = bullets.filter(bullet => bullet.y > 0);
            bullets.forEach(bullet => bullet.y -= 10);
        }

// Enemy movement
        function moveEnemies() {
            enemies.forEach(enemy => enemy.y += enemy.speed);
        }

// Check for collision between bullets and enemies
        function checkCollision() {
            bullets.forEach(bullet => {
                enemies.forEach(enemy => {
                    if (bullet.x > enemy.x && bullet.x < enemy.x + enemy.width &&
                        bullet.y > enemy.y && bullet.y < enemy.y + enemy.height) {
                        bullets = bullets.filter(b => b !== bullet);
                        enemies = enemies.filter(e => e !== enemy);
                        score += 10;
                    }
                });
            });
        }

// Check if all enemies are destroyed and level up
        function checkLevelCompletion() {
            if (enemies.length === 0) {
                level++;
                generateEnemies();
            }
        }

// Generate new enemies for the level
        function generateEnemies() {
            for (let i = 0; i < level * 5; i++) {
                let enemy = {
                    x: Math.floor(Math.random() * (canvas.width - 50)),
                    y: Math.floor(Math.random() * -200),
                    width: 50,
                    height: 50,
                    speed: (Math.random() * (level / 3)) + 1
                };
                enemies.push(enemy);
            }
        }

// Draw game objects
        function drawGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            context.fillStyle = "#FF0000";
            context.fillRect(player.x, player.y, player.width, player.height);

// Draw bullets
            context.fillStyle = "#00FF00";
            bullets.forEach(bullet => context.fillRect(bullet.x - 2.5, bullet.y, 5, 10));

// Draw enemies
            context.fillStyle = "#0000FF";
            enemies.forEach(enemy => context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height));

// Draw level and score
            context.font = "20px Arial";
            context.fillStyle = "#FFFFFF";
            context.fillText("Level: " + level, 10, 30);
            context.fillText("Score: " + score, 10, 60);
        }

// Start the game
        generateEnemies();
        update();
    </script>
</body>
</html>