Create a platforming game that ups the score every time you touch a new platform's game

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

No:33380

←

Prev Next

→

Create a platforming game that ups the score every..ALL
Developer User15755｜Date and time 24/1/4 0:33:49
Build time 22.35 sec｜Game capacity 3.312KB｜

Script

Sure, here's an example of an HTML file containing a simple platforming game implemented with JavaScript:

In this game, platforms are represented by green rectangles, and the player is represented by a red square. Every time the player touches a new platform (by tapping on the screen), the score increases by one, and the updated score is displayed. The game loop handles the game logic and physics, which can be expanded upon to make a more interactive and challenging 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 an HTML file containing a simple platforming game implemented with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        #player {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 50px;
            height: 50px;
            background-color: red;
        }
        .platform {
            position: absolute;
            width: 100px;
            height: 20px;
            background-color: green;
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <script>
        // Get the player element
        var player = document.getElementById("player");

// Initial score value
        var score = 0;

// Update the score value on the screen
        function updateScore() {
            player.innerHTML = "Score: " + score;
        }

// Create an array of platforms
        var platforms = [
            { top: 400, left: 200 },
            { top: 300, left: 400 },
            { top: 200, left: 600 },
            { top: 100, left: 800 }
        ];

// Function to create a platform element
        function createPlatform(top, left) {
            var platform = document.createElement("div");
            platform.className = "platform";
            platform.style.top = top + "px";
            platform.style.left = left + "px";
            document.body.appendChild(platform);
        }

// Create platforms on the screen
        for (var i = 0; i < platforms.length; i++) {
            var platform = platforms[i];
            createPlatform(platform.top, platform.left);
        }

// Check if the player is touching any platform
        function isTouchingPlatform() {
            for (var i = 0; i < platforms.length; i++) {
                var platform = platforms[i];
                if (
                    player.offsetLeft + player.clientWidth >= platform.left &&
                    player.offsetLeft <= platform.left + platform.clientWidth &&
                    player.offsetTop + player.clientHeight >= platform.top &&
                    player.offsetTop <= platform.top + platform.clientHeight
                ) {
                    return true;
                }
            }
            return false;
        }

// Event listener for touch events
        document.addEventListener("touchend", function() {
            if (isTouchingPlatform()) {
                score++;
                updateScore();
            }
        }, false);

// Start the game loop
        function gameLoop() {
            // Game logic and physics code goes here...

// Repeat the game loop
            requestAnimationFrame(gameLoop);
        }
        // Start the game loop
        gameLoop();
    </script>
</body>
</html>
```