Platformer with enemies, and a small boss battle and an ending's game

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

No:47660

169

←

Prev Next

→

Platformer with enemies, and a small boss battle a..ALL
Developer User20597｜Date and time 24/2/29 3:04:41
Build time 13.824 sec｜Game capacity 3.259KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

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

// Player properties
        let player = {
            x: 50,
            y: 500,
            width: 50,
            height: 50,
            speed: 5
        };

// Enemy properties
        let enemy = {
            x: 600,
            y: 500,
            width: 50,
            height: 50,
            speed: 4,
            direction: -1
        };

// Boss properties
        let boss = {
            x: 400,
            y: 100,
            width: 100,
            height: 100,
            health: 100,
            isDefeated: false
        };

// Handle player movement
        function handlePlayerMovement(e) {
            if (e.key === 'ArrowRight' && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }
            if (e.key === 'ArrowLeft' && player.x > 0) {
                player.x -= player.speed;
            }
            if (e.key === 'ArrowUp' && player.y > 0) {
                player.y -= player.speed;
            }
            if (e.key === 'ArrowDown' && player.y < canvas.height - player.height) {
                player.y += player.speed;
            }
        }

// Update game elements
        function update() {
            if (!boss.isDefeated) {
                if (enemy.x <= 0 || enemy.x >= canvas.width - enemy.width) {
                    enemy.direction *= -1;
                }
                enemy.x += enemy.speed * enemy.direction;

if (player.x < boss.x + boss.width &&
                    player.x + player.width > boss.x &&
                    player.y < boss.y + boss.height &&
                    player.y + player.height > boss.y) {
                    boss.health -= 5;
                    if (boss.health <= 0) {
                        boss.isDefeated = true;
                    }
                }
            }
        }

// Draw game elements
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw enemy
            ctx.fillStyle = 'red';
            ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Draw boss
            if (!boss.isDefeated) {
                ctx.fillStyle = 'yellow';
                ctx.fillRect(boss.x, boss.y, boss.width, boss.height);
            } else {
                ctx.fillText('Congratulations! You defeated the Boss!', 200, 300);
            }
        }

// Game loop
        function gameLoop() {
            update();
            draw();
        }

// Start the game
        window.addEventListener('keydown', handlePlayerMovement);
        setInterval(gameLoop, 1000 / 60);
    </script>

</body>
</html>
```