Make a simple 2d side scrolling platformer game where I am trying to jump on all the blue platforms. Make there be three buttons: forward arrow(move forward. Backwar arrow. Move back. And jump. When I collide with a platform from below i go thru it, but if I collide from the top or side it is solid.'s game

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

No:10545

119

←

Prev Next

→

Make a simple 2d side scrolling platformer game wh..ALL
Developer Micah｜Date and time 23/8/1 1:43:38
Build time 29.884 sec｜Game capacity 4.128KB｜

Script

Sure! Here's a simple implementation of a 2D side-scrolling platformer game with the required features using HTML and JavaScript:

This code creates a canvas element where the game is rendered. The player (red square) can move left and right using the arrow keys, and jump using the up arrow key. The platforms (blue rectangles) act as solid surfaces which the player can stand on or collide with. Note: This is a basic example and might not include advanced game features like scoring, multiple levels, or enemy interactions. Feel free to customize and expand it according to your needs.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a 2D side-scrolling platformer game with the required features using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="200"></canvas>

var player = {
            x: 50,
            y: 150,
            width: 50,
            height: 50,
            speed: 5,
            jumping: false,
            velocityY: 0
        };

var platforms = [
            { x: 0, y: 180, width: 400, height: 20, color: "blue" },
            { x: 50, y: 130, width: 100, height: 20, color: "blue" },
            { x: 175, y: 130, width: 100, height: 20, color: "blue" },
            { x: 300, y: 130, width: 100, height: 20, color: "blue" }
        ];

// Function to draw the player and platforms
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            context.fillStyle = "red";
            context.fillRect(player.x, player.y, player.width, player.height);

// Draw platforms
            platforms.forEach(function (platform) {
                context.fillStyle = platform.color;
                context.fillRect(platform.x, platform.y, platform.width, platform.height);
            });
        }

// Function to update the game
        function update() {
            // Move player if corresponding button is pressed
            if (player.moveLeft) {
                player.x -= player.speed;
            }
            if (player.moveRight) {
                player.x += player.speed;
            }

// Player jumping
            if (player.jumping) {
                player.velocityY += 0.5; // Gravity
                player.y += player.velocityY;
                player.jumping = false;
            }

// Check for collision with platforms
            platforms.forEach(function (platform) {
                if (
                    player.x < platform.x + platform.width &&
                    player.x + player.width > platform.x &&
                    player.y + player.height > platform.y &&
                    player.y + player.height < platform.y + platform.height &&
                    player.velocityY >= 0
                ) {
                    player.velocityY = 0;
                    player.y = platform.y - player.height;
                }
            });

draw();
            requestAnimationFrame(update);
        }

// Event listeners for button presses
        document.addEventListener("keydown", function (event) {
            if (event.key === "ArrowLeft") {
                player.moveLeft = true;
            }
            if (event.key === "ArrowRight") {
                player.moveRight = true;
            }
            if (event.key === "ArrowUp" && player.velocityY === 0) {
                player.jumping = true;
                player.velocityY -= 12; // Jump force
            }
        });

// Event listeners for button releases
        document.addEventListener("keyup", function (event) {
            if (event.key === "ArrowLeft") {
                player.moveLeft = false;
            }
            if (event.key === "ArrowRight") {
                player.moveRight = false;
            }
        });

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

Note: This is a basic example and might not include advanced game features like scoring, multiple levels, or enemy interactions. Feel free to customize and expand it according to your needs.