AI game creator

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

No:14318

←

Prev Next

→

飛機射擊
Developer User6133｜Date and time 23/8/31 22:45:45
Build time 25.367 sec｜Game capacity 3.58KB｜

Script

以下是一个简单的飞机射击游戏的示例，可以在手机上操作。这是一个完整的游戏，实现在一个HTML文件中，包含JavaScript代码，并使用图片来表示飞机和子弹。你只需要将以下代码保存为一个HTML文件，然后在手机上打开即可开始游戏：

这个游戏中，你可以使用左右箭头键来控制飞机的移动，并使用空格键来发射子弹。飞机被表示为蓝色的矩形，子弹被表示为红色的矩形。子弹会从飞机位置发射并向上移动，如果子弹超出屏幕上方则会消失。请将以上代码保存为一个HTML文件，然后在手机上打开，你就可以开始游戏了！

←

Prev　Next

→ 　

Back　

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

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

以下是一个简单的飞机射击游戏的示例，可以在手机上操作。这是一个完整的游戏，实现在一个HTML文件中，包含JavaScript代码，并使用图片来表示飞机和子弹。你只需要将以下代码保存为一个HTML文件，然后在手机上打开即可开始游戏：

```html
<!DOCTYPE html>
<html>
<head>
<title>飞机射击游戏</title>
<style>
    canvas {
        border: 1px solid black;
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        const canvas = document.createElement("canvas");
        const ctx = canvas.getContext("2d");
        document.body.appendChild(canvas);

const width = window.innerWidth;
        const height = window.innerHeight;
        canvas.width = width;
        canvas.height = height;

const playerWidth = 50;
        const playerHeight = 50;

const bulletWidth = 10;
        const bulletHeight = 20;

const player = {
            x: width / 2 - playerWidth / 2,
            y: height - playerHeight - 10,
            width: playerWidth,
            height: playerHeight,
            speed: 10
        };

const bullets = [];

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function movePlayer(direction) {
            if (direction === "left" && player.x > 0) {
                player.x -= player.speed;
            } else if (direction === "right" && player.x + player.width < width) {
                player.x += player.speed;
            }
        }

function drawBullets() {
            ctx.fillStyle = "red";
            bullets.forEach(function(bullet) {
                ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            });
        }

function shoot() {
            const bullet = {
                x: player.x + player.width / 2 - bulletWidth / 2,
                y: player.y,
                width: bulletWidth,
                height: bulletHeight
            };
            bullets.push(bullet);
        }

function draw() {
            ctx.clearRect(0, 0, width, height);
            drawPlayer();
            drawBullets();
        }

function update() {
            moveBullets();
            draw();
            requestAnimationFrame(update);
        }

document.addEventListener("keydown", keyDownHandler);

update();
    });
</script>
</body>
</html>
```

这个游戏中，你可以使用左右箭头键来控制飞机的移动，并使用空格键来发射子弹。飞机被表示为蓝色的矩形，子弹被表示为红色的矩形。子弹会从飞机位置发射并向上移动，如果子弹超出屏幕上方则会消失。

请将以上代码保存为一个HTML文件，然后在手机上打开，你就可以开始游戏了！