Simple platformer with enemies and a boss's game

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

No:39220

←

Prev Next

→

Simple platformer with enemies and a boss
Developer User17554｜Date and time 24/1/27 9:18:46
Build time 16.749 sec｜Game capacity 4.424KB｜

Script

Sure! Here's a simple platformer game with enemies and a boss implemented as a single HTML file using JavaScript:

To play the game, simply copy and paste the code into a new HTML file and open it in a web browser. The player (represented by a red rectangle) can move left and right using the arrow keys, and jump by pressing the spacebar. The goal is to avoid colliding with the enemies (green rectangles) and defeat the boss (blue rectangle) by colliding with it. Additional game logic such as tracking scores, lives, and winning conditions can be implemented as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple platformer game with enemies and a boss implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Simple Platformer Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player
        var player = {
            x: 50,
            y: canvas.height - 100,
            width: 50,
            height: 50,
            speed: 5,
            isJumping: false
        };

// Enemies
        var enemies = [
            { x: 250, y: canvas.height - 100, width: 50, height: 50, speed: 3 },
            { x: 500, y: canvas.height - 100, width: 50, height: 50, speed: 4 }
        ];

// Boss
        var boss = {
            x: canvas.width - 100,
            y: canvas.height - 200,
            width: 100,
            height: 200,
            speed: 2,
            isMovingUp: true
        };

// Game Loop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Player
            context.fillStyle = '#FF0000';
            context.fillRect(player.x, player.y, player.width, player.height);

// Draw Enemies
            context.fillStyle = '#00FF00';
            enemies.forEach(function (enemy) {
                context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
                enemy.x -= enemy.speed;
            });

// Draw Boss
            context.fillStyle = '#0000FF';
            context.fillRect(boss.x, boss.y, boss.width, boss.height);

// Player Movement
            if (player.isJumping) {
                player.y -= player.speed * 2;
            } else if (player.y < canvas.height - player.height) {
                player.y += player.speed;
            }

// Boss Movement
            if (boss.isMovingUp) {
                boss.y -= boss.speed;
                if (boss.y < 0) {
                    boss.isMovingUp = false;
                }
            } else {
                boss.y += boss.speed;
                if (boss.y > canvas.height - boss.height) {
                    boss.isMovingUp = true;
                }
            }

// Collision Detection
            enemies.forEach(function (enemy) {
                if (player.x < enemy.x + enemy.width &&
                    player.x + player.width > enemy.x &&
                    player.y < enemy.y + enemy.height &&
                    player.y + player.height > enemy.y) {
                    // Player collided with an enemy, game over logic can be implemented here
                    console.log('Player collided with an enemy!');
                }
            });

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) {
                // Player collided with the boss, game over logic can be implemented here
                console.log('Player collided with the boss!');
            }

requestAnimationFrame(gameLoop);
        }

// Player Controls
        document.addEventListener('keydown', function (event) {
            if (event.keyCode === 32 && !player.isJumping) {
                player.isJumping = true;
            }
        });

document.addEventListener('keyup', function (event) {
            if (event.keyCode === 32) {
                player.isJumping = false;
            }
        });

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