Glitch Castle boss fight's game

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

No:38185

←

Prev Next

→

Glitch Castle boss fight
Developer User17264｜Date and time 24/1/23 5:48:19
Build time 12.493 sec｜Game capacity 3.43KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Glitch Castle Boss Fight</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
</body>
<script>
    // Retrieving the canvas element
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Pictograms for game elements
    const playerImage = new Image();
    playerImage.src = "player.png";
    const bossImage = new Image();
    bossImage.src = "boss.png";
    const projectileImage = new Image();
    projectileImage.src = "projectile.png";

// Player settings
    let player = {
        x: 350,
        y: 500,
        width: 100,
        height: 100,
        speed: 7
    };

// Boss settings
    let boss = {
        x: 350,
        y: 50,
        width: 100,
        height: 100,
        speed: 5
    };

// Projectiles settings
    const projectiles = [];
    const projectileSpeed = 7;

// Key press event listeners
    document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

let leftPressed = false;
    let rightPressed = false;
    let spacePressed = false;

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

// Draw player
        ctx.drawImage(playerImage, player.x, player.y, player.width, player.height);

// Draw boss
        ctx.drawImage(bossImage, boss.x, boss.y, boss.width, boss.height);

// Draw projectiles
        projectiles.forEach(function(projectile) {
            ctx.drawImage(projectileImage, projectile.x, projectile.y, projectile.width, projectile.height);
        });

// Move player
        if (leftPressed && player.x > 0) {
            player.x -= player.speed;
        } else if (rightPressed && player.x < canvas.width - player.width) {
            player.x += player.speed;
        }

// Move boss
        if (boss.x > player.x) {
            boss.x -= boss.speed;
        } else if (boss.x < player.x) {
            boss.x += boss.speed;
        }

// Move projectiles
        projectiles.forEach(function(projectile) {
            projectile.y -= projectileSpeed;

// Check collision with boss
            if (projectile.y <= boss.y + boss.height &&
                projectile.x >= boss.x &&
                projectile.x <= boss.x + boss.width) {
                // Boss is hit
                alert("Congratulations! You defeated the boss!");
                location.reload();
            }

// Remove projectiles outside the canvas
            if (projectile.y < 0) {
                projectiles.splice(projectiles.indexOf(projectile), 1);
            }
        });

// Request new frame
        requestAnimationFrame(draw);
    }

// Start the game
    draw();
</script>
</html>
```