一个吃鸡枪战游戏's game

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

No:13495

←

Prev Next

→

一个吃鸡枪战游戏
Developer User5922｜Date and time 23/8/28 17:58:40
Build time 23.862 sec｜Game capacity 4.49KB｜

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>
        canvas { border: 1px solid black; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// 创建玩家
            var player = {
                x: canvas.width / 2,
                y: canvas.height - 30,
                width: 32,
                height: 32,
                speed: 5
            };

// 创建敌人
            var enemies = [];
            var enemyWidth = 32;
            var enemyHeight = 32;
            var enemySpeed = 2;

// 创建键盘事件监听器
            document.addEventListener("keydown", keyDownHandler, false);
            document.addEventListener("keyup", keyUpHandler, false);

var rightPressed = false;
            var leftPressed = false;
            var upPressed = false;
            var downPressed = false;

// 游戏主循环
            function draw() {
                // 清空画布
                context.clearRect(0, 0, canvas.width, canvas.height);

// 绘制玩家
                context.fillStyle = "#0095DD";
                context.fillRect(player.x, player.y, player.width, player.height);

// 移动玩家
                if (rightPressed && player.x < canvas.width - player.width) {
                    player.x += player.speed;
                } else if (leftPressed && player.x > 0) {
                    player.x -= player.speed;
                } else if (upPressed && player.y > 0) {
                    player.y -= player.speed;
                } else if (downPressed && player.y < canvas.height - player.height) {
                    player.y += player.speed;
                }

// 绘制敌人
                for (var i = 0; i < enemies.length; i++) {
                    var enemy = enemies[i];
                    context.fillStyle = "#FF0000";
                    context.fillRect(enemy.x, enemy.y, enemyWidth, enemyHeight);

// 敌人移动
                    enemy.y += enemySpeed;

// 检测碰撞
                    if (enemy.y + enemyHeight > canvas.height) {
                        // 游戏结束
                        alert("游戏结束");
                        document.location.reload();
                        clearInterval(interval);
                    }

if (player.x < enemy.x + enemyWidth &&
                        player.x + player.width > enemy.x &&
                        player.y < enemy.y + enemyHeight &&
                        player.y + player.height > enemy.y) {
                        // 游戏结束
                        alert("游戏结束");
                        document.location.reload();
                        clearInterval(interval);
                    }
                }
            }

// 生成敌人
            function spawnEnemy() {
                var enemyX = Math.random() * (canvas.width - enemyWidth);
                var enemyY = 0;
                enemies.push({ x: enemyX, y: enemyY });
            }

// 启动游戏
            var interval = setInterval(function () {
                draw();
                spawnEnemy();
            }, 10);
        }

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