AI game creator

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

No:49937

←

Prev Next

→

Space battle
Developer User21173｜Date and time 24/3/6 22:59:58
Build time 11.412 sec｜Game capacity 3.047KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Space Battle</title>
</head>

<body style="text-align: center;">
    <canvas id="gameCanvas" width="400" height="400" style="border: 1px solid black;"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let spaceship = {
            x: 200,
            y: 350,
            width: 50,
            height: 50
        };

let bullets = [];
        let enemyShips = [];

function drawSpaceship() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(spaceship.x, spaceship.y, spaceship.width, spaceship.height);
        }

function drawBullet(bullet) {
            ctx.fillStyle = 'red';
            ctx.fillRect(bullet.x, bullet.y, 5, 10);
        }

function drawEnemies() {
            for (let i = 0; i < enemyShips.length; i++) {
                ctx.fillStyle = 'green';
                ctx.fillRect(enemyShips[i].x, enemyShips[i].y, 50, 50);
            }
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawSpaceship();
            moveBullets();
            moveEnemies();
            drawEnemies();
            bullets.forEach(bullet => drawBullet(bullet));
            collisionDetection();
            requestAnimationFrame(gameLoop);
        }

setInterval(() => {
            enemyShips.push({ x: Math.random() * (canvas.width - 50), y: -50 });
        }, 2000);

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

</html>