AI game creator

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

No:48649

128

←

Prev Next

→

Shooting Game
Developer User18896｜Date and time 24/3/2 19:26:42
Build time 13.394 sec｜Game capacity 3.109KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shooting Game</title>
<style>
    canvas {
        display: block;
        margin: 0 auto;
        border: 2px solid black;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

let player = {
        x: 190,
        y: 380,
        width: 20,
        height: 20,
        color: "blue"
    };

let bullets = [];
    let enemies = [];

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

function drawBullets() {
        bullets.forEach(bullet => {
            ctx.fillStyle = "black";
            ctx.fillRect(bullet.x, bullet.y, 5, 10);
        });
    }

function drawEnemies() {
        enemies.forEach(enemy => {
            ctx.fillStyle = "red";
            ctx.fillRect(enemy.x, enemy.y, 20, 20);
        });
    }

function moveBullets() {
        bullets = bullets.filter(bullet => bullet.y > 0);
        bullets.forEach(bullet => {
            bullet.y -= 5;
        });
    }

function moveEnemies() {
        enemies = enemies.filter(enemy => enemy.y < canvas.height);
        enemies.forEach(enemy => {
            enemy.y += 2;
        });
    }

function spawnEnemy() {
        let x = Math.random() * (canvas.width - 20);
        enemies.push({ x: x, y: 0 });
    }

enemies.forEach(enemy => {
            if (player.x < enemy.x + 20 && player.x + player.width > enemy.x && player.y < enemy.y + 20 && player.y + player.height > enemy.y) {
                alert("Game Over! Your score: " + bullets.length);
                clearInterval(gameLoop);
            }
        });
    }

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

drawPlayer();
        drawBullets();
        drawEnemies();
        moveBullets();
        moveEnemies();
        checkCollisions();

if (Math.random() < 0.05) {
            spawnEnemy();
        }

window.requestAnimationFrame(gameLoop);
    }

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