AI game creator

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

No:48219

←

Prev Next

→

Make shooter game
Developer User20718｜Date and time 24/3/1 19:31:45
Build time 9.866 sec｜Game capacity 2.626KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Shooter Game</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>

// Player settings
    const playerWidth = 50;
    const playerHeight = 50;
    let playerX = canvas.width / 2 - playerWidth / 2;
    let playerY = canvas.height - playerHeight - 10;
    let playerSpeed = 5;

// Bullet settings
    const bulletWidth = 5;
    const bulletHeight = 10;
    let bulletX = playerX + playerWidth / 2 - bulletWidth / 2;
    let bulletY = playerY;
    let bulletSpeed = 10;

// Enemy settings
    const enemyWidth = 50;
    const enemyHeight = 50;
    let enemyX = Math.random() * (canvas.width - enemyWidth);
    let enemyY = 10;
    let enemySpeed = 3;

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

// Draw player
        ctx.fillStyle = "blue";
        ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// Draw bullet
        ctx.fillStyle = "red";
        ctx.fillRect(bulletX, bulletY, bulletWidth, bulletHeight);

// Draw enemy
        ctx.fillStyle = "green";
        ctx.fillRect(enemyX, enemyY, enemyWidth, enemyHeight);

// Move bullet
        bulletY -= bulletSpeed;
        if (bulletY < 0) {
            bulletY = playerY;
            bulletX = playerX + playerWidth / 2 - bulletWidth / 2;
        }

// Move enemy
        enemyY += enemySpeed;
        if (enemyY > canvas.height) {
            enemyX = Math.random() * (canvas.width - enemyWidth);
            enemyY = 10;
        }

// Check for collision
        if (bulletX < enemyX + enemyWidth &&
            bulletX + bulletWidth > enemyX &&
            bulletY < enemyY + enemyHeight &&
            bulletY + bulletHeight > enemyY) {
            enemyX = Math.random() * (canvas.width - enemyWidth);
            enemyY = 10;
        }

requestAnimationFrame(gameLoop);
    }

// Player movement
    window.addEventListener("keydown", function(event) {
        switch (event.key) {
            case "ArrowLeft":
                playerX -= playerSpeed;
                break;
            case "ArrowRight":
                playerX += playerSpeed;
                break;
            case " ":
                bulletY = playerY;
                bulletX = playerX + playerWidth / 2 - bulletWidth / 2;
                break;
        }
    });

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