Make a simple 2d side scrolling platformer game where I am trying to hump on all the blue platforms's game

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

No:10542

160

←

Prev Next

→

Make a simple 2d side scrolling platformer game wh..ALL
Developer Micah｜Date and time 23/8/1 1:37:54
Build time 28.64 sec｜Game capacity 3.573KB｜

Script

Sure, here is a simple implementation of a 2D side-scrolling platformer game where you can jump on blue platforms using pictograms:

To play the game, open the HTML file in a web browser, and you can control the player by pressing the "Arrow Up" key to jump on the blue platforms. The red square represents the player, and the blue platforms are the ones you need to jump on. The game will run in a loop until you close the browser window.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure, here is a simple implementation of a 2D side-scrolling platformer game where you can jump on blue platforms using pictograms:

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

canvas {
            background-color: #f0f0f0;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Platform colors
        const platformColors = {
            blue: "#2196F3",
            red: "#F44336",
            green: "#4CAF50",
        };

// Game objects
        const player = {
            x: playerStartX,
            y: playerStartY,
            velY: 0,
            jumping: false,
        };

const platforms = [
            { x: 0, y: 320, color: platformColors.blue },
            { x: 200, y: 250, color: platformColors.blue },
            { x: 400, y: 200, color: platformColors.blue },
            { x: 600, y: 150, color: platformColors.blue },
        ];

// Event listeners
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

// Game loop
        function gameLoop() {
            clearCanvas();
            updatePlayer();
            drawPlatforms();

requestAnimationFrame(gameLoop);
        }

// Functions
        function clearCanvas() {
            context.clearRect(0, 0, gameWidth, gameHeight);
        }

function updatePlayer() {
            player.y += player.velY;
            player.velY += gravity;

if (player.y > playerStartY) {
                player.y = playerStartY;
                player.velY = 0;
                player.jumping = false;
            }

drawPlayer();
        }

function drawPlayer() {
            context.fillStyle = platformColors.red;
            context.fillRect(player.x, player.y, playerWidth, playerHeight);
        }

function drawPlatforms() {
            platforms.forEach((platform) => {
                context.fillStyle = platform.color;
                context.fillRect(platform.x, platform.y, platformWidth, platformHeight);
            });
        }

function handleKeyDown(event) {
            if (event.key === "ArrowUp" && !player.jumping) {
                player.jumping = true;
                player.velY -= jumpStrength;
            }
        }

function handleKeyUp(event) {
            if (event.key === "ArrowUp") {
                player.jumping = false;
            }
        }

// Start the game
        canvas.width = gameWidth;
        canvas.height = gameHeight;
        gameLoop();
    </script>
</body>
</html>
```