Atari 2600-like game's game

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

No:50027

←

Prev Next

→

Atari 2600-like game
Developer User21218｜Date and time 24/3/7 14:09:14
Build time 7.212 sec｜Game capacity 2.329KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Space Invaders</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const player = {
            x: 400,
            y: 550,
            width: 50,
            height: 50
        };

const invaders = [];

for (let i = 0; i < 6; i++) {
            for (let j = 0; j < 4; j++) {
                invaders.push({
                    x: i * 100,
                    y: j * 50,
                    width: 50,
                    height: 50
                });
            }
        }

let isGameOver = false;

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

function drawInvaders() {
            ctx.fillStyle = 'red';
            invaders.forEach(invader => {
                ctx.fillRect(invader.x, invader.y, invader.width, invader.height);
            });
        }

function checkCollisions() {
            invaders.forEach((invader, index) => {
                if (player.x < invader.x + invader.width &&
                    player.x + player.width > invader.x &&
                    player.y < invader.y + invader.height &&
                    player.y + player.height > invader.y) {
                    isGameOver = true;
                }
            });
        }

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