AI game creator

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

No:4070

←

Prev Next

→

Flame emitter
Developer User3694｜Date and time 23/6/27 11:09:07
Build time 46.349 sec｜Game capacity 5.841KB｜

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

var player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 5,
            shooting: false
        };

var bullets = [];
        var enemies = [
            { 
                x: 50,
                y: 50,
                width: 50,
                height: 50,
                speed: 2,
                direction: "right"
            },
            {
                x: canvas.width - 100,
                y: 50,
                width: 50,
                height: 50,
                speed: 2,
                direction: "left"
            }
        ];

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

if (fireKey && !player.shooting) {
                player.shooting = true;
                var bulletX = player.x + player.width / 2;
                var bulletY = player.y;
                bullets.push({
                    x: bulletX,
                    y: bulletY,
                    speed: 10
                });
            }

for (var i = 0; i < bullets.length; i++) {
                bullets[i].y -= bullets[i].speed;
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                }
            }
        }

function drawBullets() {
            ctx.fillStyle = "red";
            for (var i = 0; i < bullets.length; i++) {
                ctx.fillRect(bullets[i].x, bullets[i].y, 5, 20);
            }
        }

function drawEnemies() {
            ctx.fillStyle = "blue";
            for (var i = 0; i < enemies.length; i++) {
                ctx.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
            }
        }

var leftKey = false;
        var rightKey = false;
        var upKey = false;
        var downKey = false;
        var fireKey = false;

document.addEventListener("keydown", function(event) {
            switch (event.keyCode) {
                case 37:
                    leftKey = true;
                    break;
                case 38:
                    upKey = true;
                    break;
                case 39:
                    rightKey = true;
                    break;
                case 40:
                    downKey = true;
                    break;
                case 32:
                    fireKey = true;
                    break;
            }
        });

document.addEventListener("keyup", function(event) {
            switch (event.keyCode) {
                case 37:
                    leftKey = false;
                    break;
                case 38:
                    upKey = false;
                    break;
                case 39:
                    rightKey = false;
                    break;
                case 40:
                    downKey = false;
                    break;
                case 32:
                    fireKey = false;
                    player.shooting = false;
                    break;
            }
        });

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            movePlayer();
            drawBullets();
            drawEnemies();
            moveEnemies();
            checkCollision();

requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>