AI game creator

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

No:36929

←

Prev Next

→

A platformer
Developer User16920｜Date and time 24/1/19 10:17:51
Build time 12.378 sec｜Game capacity 3.828KB｜

Script

Sure! Here's an example of a simple platformer game implemented as a single HTML file using JavaScript, enclosed in script tags:

In this example, the player (represented by a blue div) can move left and right using the Arrow keys and jump by pressing the Arrow Up key. The player can interact with a platform (represented by a green div) and will collide with it, stopping its vertical movement. Gravity is also applied to the player, causing it to fall downward when not on the platform. This is a basic demonstration of a platformer game and can be expanded upon to add more features such as multiple platforms, enemies, collectibles, and levels.

←

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 platformer game implemented as a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
    <style>
        #player {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: blue;
            top: 0;
            left: 0;
        }

#platform {
            position: absolute;
            width: 200px;
            height: 20px;
            background-color: green;
            bottom: 100px;
            left: 200px;
        }
    </style>
</head>
<body>
    
    <div id="player"></div>
    <div id="platform"></div>

// Set initial position and velocity of the player
        let playerX = 0;
        let playerY = 0;
        let playerVelX = 0;
        let playerVelY = 0;

// Function to update player's position
        function updatePlayerPosition() {
            playerX += playerVelX;
            playerY += playerVelY;

player.style.top = playerY + "px";
            player.style.left = playerX + "px";

// Check collision with the platform
            const playerRect = player.getBoundingClientRect();
            const platformRect = platform.getBoundingClientRect();

if (playerRect.bottom >= platformRect.top &&
                playerRect.top <= platformRect.bottom &&
                playerRect.right >= platformRect.left &&
                playerRect.left <= platformRect.right) {
                // Player is touching the platform, stop vertical movement
                playerVelY = 0;
                playerY = platformRect.top - playerRect.height;
            } else {
                // Apply gravity
                playerVelY += 1;
            }

// Keep player within screen boundaries
            if (playerX < 0) playerX = 0;
            if (playerY < 0) playerY = 0;
            if (playerX + playerRect.width > window.innerWidth) playerX = window.innerWidth - playerRect.width;
            if (playerY + playerRect.height > window.innerHeight) playerY = window.innerHeight - playerRect.height;
        }

// Function to handle keydown events
        function handleKeydown(event) {
            if (event.key === "ArrowLeft") {
                playerVelX = -5;
            } else if (event.key === "ArrowRight") {
                playerVelX = 5;
            } else if (event.key === "ArrowUp") {
                playerVelY = -15;
            }
        }

// Function to handle keyup events
        function handleKeyup(event) {
            if (event.key === "ArrowLeft" && playerVelX < 0) {
                playerVelX = 0;
            } else if (event.key === "ArrowRight" && playerVelX > 0) {
                playerVelX = 0;
            }
        }

// Add event listeners for keyboard input
        window.addEventListener("keydown", handleKeydown);
        window.addEventListener("keyup", handleKeyup);

// Start the game
        setInterval(updatePlayerPosition, 20);
    </script>
</body>
</html>
```

This is a basic demonstration of a platformer game and can be expanded upon to add more features such as multiple platforms, enemies, collectibles, and levels.