AI game creator

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

No:9657

←

Prev Next

→

Airplane Wars
Developer User4406｜Date and time 23/7/26 18:39:29
Build time 21.062 sec｜Game capacity 2.668KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>飞机大战</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// 飞机对象
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 5
        };

// 敌机对象
        var enemy = {
            x: 50,
            y: 50,
            width: 50,
            height: 50,
            speed: 2
        };

var isGameOver = false;
        var score = 0;

// 处理手机触摸事件
        canvas.addEventListener("touchmove", function(event) {
            var touchX = event.touches[0].clientX;
            if (touchX < canvas.width / 2) {
                player.x -= player.speed;
            } else {
                player.x += player.speed;
            }
        });

// 更新游戏状态
        function update() {
            if (!isGameOver) {
                // 清空画布
                context.clearRect(0, 0, canvas.width, canvas.height);

// 绘制飞机
                context.fillStyle = "blue";
                context.fillRect(player.x, player.y, player.width, player.height);

// 绘制敌机
                context.fillStyle = "red";
                context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// 更新敌机位置
                enemy.y += enemy.speed;
                if (enemy.y > canvas.height) {
                    enemy.y = -enemy.height;
                    enemy.x = Math.random() * (canvas.width - enemy.width);
                }

// 检测碰撞
                if (player.x < enemy.x + enemy.width &&
                    player.x + player.width > enemy.x &&
                    player.y < enemy.y + enemy.height &&
                    player.y + player.height > enemy.y) {
                    isGameOver = true;
                    alert("游戏结束！得分：" + score);
                }

score++;

// 递归调用更新函数
                requestAnimationFrame(update);
            }
        }

// 开始游戏
        function startGame() {
            isGameOver = false;
            score = 0;
            update();
        }

// 启动游戏
        startGame();
    </script>
</body>
</html>