Make a platformer where you are chased by a demon so you have to be quick every time you win there will be more platforms if you touch the demon you get a game over screen and a retry button's game

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

No:21937

←

Prev Next

→

Make a platformer where you are chased by a demon ..ALL
Developer User10116｜Date and time 23/10/19 9:56:12
Build time 70.093 sec｜Game capacity 3.892KB｜

Script

Here's an example implementation of a simple platformer game where you are chased by a demon. It is enclosed in script tags and can be run as a single HTML file:

To play the game: - Save the above code in a file with a .html extension. - Open the file in a web browser. - Use the Arrow Right and Arrow Left keys to move the player character. - Avoid touching the demon or falling off the platforms. - If you touch the demon, a game over screen will appear with a "Retry" button. Click the "Retry" button to restart the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Here's an example implementation of a simple platformer game where you are chased by a demon. It is enclosed in script tags and can be run as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Demon Chase Platformer</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>
    <script>
        // Define game variables
        var canvas = document.getElementById('gameCanvas');
        var ctx = canvas.getContext('2d');
        var playerX = 50; // Initial player position
        var playerY = canvas.height - 50;
        var demonX = canvas.width - 80; // Initial demon position
        var demonY = canvas.height - 50;
        var platforms = [
            { x: 10, y: canvas.height - 20 },
            { x: 120, y: canvas.height - 40 },
            { x: 230, y: canvas.height - 60 }
        ];
        var speed = 2; // Player movement speed
        var gameOver = false;

// Handle key press events
        function handleKeyPress(e) {
            if (e.key === 'ArrowRight') {
                playerX += speed;
            } else if (e.key === 'ArrowLeft') {
                playerX -= speed;
            }
        }

// Check collision between player and demon or platforms
        function checkCollision() {
            // Collision with demon
            if (playerX < demonX + 50 && playerX + 50 > demonX && playerY < demonY + 50 && playerY + 50 > demonY) {
                gameOver = true;
            }

// Collision with platforms
            platforms.forEach(function(platform) {
                if (playerX < platform.x + 80 && playerX + 30 > platform.x && playerY < platform.y + 30 && playerY + 30 > platform.y) {
                    playerY -= 2; // Move player up when on a platform
                }
            });
        }

// Game loop, called every frame
        function gameLoop() {
            if (!gameOver) {
                // Clear canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
                ctx.fillStyle = 'blue';
                ctx.fillRect(playerX, playerY, 30, 30);

// Draw demon
                ctx.fillStyle = 'red';
                ctx.fillRect(demonX, demonY, 50, 50);

// Draw platforms
                ctx.fillStyle = 'green';
                platforms.forEach(function(platform) {
                    ctx.fillRect(platform.x, platform.y, 80, 30);
                });

// Update player position
                playerY += 2;

// Check collision
                checkCollision();

// Request next frame
                requestAnimationFrame(gameLoop);
            } else {
                // Game over screen
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                ctx.fillStyle = 'black';
                ctx.fillRect(0, 0, canvas.width, canvas.height);
                ctx.font = '30px Arial';
                ctx.fillStyle = 'white';
                ctx.fillText('Game Over', canvas.width/2 - 80, canvas.height/2 - 15);
                ctx.fillRect(canvas.width/2 - 50, canvas.height/2, 100, 40);
                ctx.font = '20px Arial';
                ctx.fillStyle = 'black';
                ctx.fillText('Retry', canvas.width/2 - 25, canvas.height/2 + 25);
            }
        }

// Start the game
        document.addEventListener('keydown', handleKeyPress);
        gameLoop();
    </script>
</body>
</html>
```

To play the game:
- Save the above code in a file with a .html extension.
- Open the file in a web browser.
- Use the Arrow Right and Arrow Left keys to move the player character.
- Avoid touching the demon or falling off the platforms.
- If you touch the demon, a game over screen will appear with a "Retry" button. Click the "Retry" button to restart the game.