AI game creator

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

No:33237

←

Prev Next

→

2d platformer
Developer User15693｜Date and time 24/1/3 1:25:50
Build time 25.838 sec｜Game capacity 3.283KB｜

Script

Sure! Here's an example of a simple 2D platformer game implemented using JavaScript and HTML:

In this game, you control a blue square (represented by the `player` element) with arrow keys. The player can move left, right, and jump. The game area consists of green platforms (represented by the `platform` elements) that the player can stand on. You can either open the HTML file in a web browser or copy the code into a text editor, save it with the `.html` extension, and open it in a web browser to play the game. Just use the arrow keys to control the player's movement. Please note that this is a basic example and can be expanded upon to create a more complex and engaging 2D platformer game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple 2D platformer game implemented using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>2D Platformer Game</title>
    <style>
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: blue;
        }

.platform {
            position: absolute;
            background-color: green;
        }
        
        #game-area {
            position: relative;
            width: 500px;
            height: 300px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="game-area">
        <div id="player"></div>
        <div class="platform" style="top: 250px; left: 100px; width: 200px; height: 20px;"></div>
        <div class="platform" style="top: 200px; left: 300px; width: 150px; height: 20px;"></div>
        <div class="platform" style="top: 150px; left: 50px; width: 100px; height: 20px;"></div>
    </div>

// Move the player based on provided x and y values
        function movePlayer(x, y) {
            var player = document.getElementById("player");
            var playerPosX = player.offsetLeft;
            var playerPosY = player.offsetTop;
            var gameArea = document.getElementById("game-area");

if (playerPosX + x >= 0 && playerPosX + x <= gameArea.offsetWidth - player.offsetWidth) {
                player.style.left = (playerPosX + x) + "px";
            }

if (playerPosY + y >= 0 && playerPosY + y <= gameArea.offsetHeight - player.offsetHeight) {
                player.style.top = (playerPosY + y) + "px";
            }
        }

// Make the player jump
        function jumpPlayer() {
            var player = document.getElementById("player");
            var playerPosY = player.offsetTop;

if (playerPosY >= 250) { // Can only jump from the ground level
                player.style.top = (playerPosY - 100) + "px";

setTimeout(function() { // Reset position after 300 milliseconds (simulate gravity)
                    player.style.top = playerPosY + "px";
                }, 300);
            }
        }
    </script>
</body>
</html>
```

You can either open the HTML file in a web browser or copy the code into a text editor, save it with the `.html` extension, and open it in a web browser to play the game. Just use the arrow keys to control the player's movement.

Please note that this is a basic example and can be expanded upon to create a more complex and engaging 2D platformer game.