Make a platformer with a square character that can turn on and off when he is off he does not move and you cannot see him but the platforms are visible and visa versa when he is on's game

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

No:20373

←

Prev Next

→

Make a platformer with a square character that can..ALL
Developer User9025｜Date and time 23/10/9 8:49:28
Build time 10.992 sec｜Game capacity 3.125KB｜

Script

Sure! Here's a simple implementation of a platformer game using JavaScript, HTML, and CSS. The character is represented by a square shape and can be turned on and off by pressing the space bar. When the character is on, it can move left and right using the arrow keys, and when it's off, it becomes invisible while the platforms remain visible.

This code defines a simple platformer game where the character can move left and right on visible platforms. By default, the character is initially visible and can move when the game starts. Pressing the space bar toggles the visibility of the character, making it invisible while still being able to see and interact with the platforms. Please note that this code only provides a basic structure for the game logic and visual elements. You can further customize and improve it according to your requirements and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
    <style>
        #character {
            position: absolute;
            width: 40px;
            height: 40px;
            background: red;
        }
        
        .platform {
            position: absolute;
            background: gray;
        }
    </style>
</head>
<body>
    <script>
    // Game initialization
    window.onload = function() {
        // Create the character
        var character = document.createElement("div");
        character.id = "character";
        document.body.appendChild(character);

// Create the platforms
        var platforms = [
            { left: 20, top: 260, width: 200, height: 20 },
            { left: 120, top: 200, width: 200, height: 20 },
            { left: 260, top: 140, width: 200, height: 20 },
            { left: 400, top: 80, width: 200, height: 20 },
            { left: 540, top: 20, width: 200, height: 20 }
        ];

for (var i = 0; i < platforms.length; i++) {
            var platform = document.createElement("div");
            platform.className = "platform";
            platform.style.left = platforms[i].left + "px";
            platform.style.top = platforms[i].top + "px";
            platform.style.width = platforms[i].width + "px";
            platform.style.height = platforms[i].height + "px";
            document.body.appendChild(platform);
        }

// Character movement
        var x = 0;
        var y = 220;
        var speed = 5;
        var isOn = true;
        var character = document.getElementById("character");

setInterval(function() {
            if (isOn) {
                character.style.left = x + "px";
                character.style.top = y + "px";
            }
        }, 30);
    };
    </script>
</body>
</html>
```

This code defines a simple platformer game where the character can move left and right on visible platforms. By default, the character is initially visible and can move when the game starts. Pressing the space bar toggles the visibility of the character, making it invisible while still being able to see and interact with the platforms.

Please note that this code only provides a basic structure for the game logic and visual elements. You can further customize and improve it according to your requirements and preferences.