Make a platformer game that you play as a Lego character you have 5 worlds to beat and every single one has 8 levels's game

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

No:25318

←

Prev Next

→

Make a platformer game that you play as a Lego cha..ALL
Developer User12378｜Date and time 23/11/20 15:05:53
Build time 247.816 sec｜Game capacity 6.355KB｜

Script

Sure! Here's an example of a simple platformer game implemented as a single HTML file, using JavaScript and enclosed in script tags. Please note that this is a basic implementation and can be further customized and enhanced:

To play the game, open the HTML file in a web browser (preferably on a smartphone-sized viewport) and use the arrow keys on your keyboard or arrow buttons on the screen (if available) to control the Lego character and navigate through the levels. Each world contains 8 levels, and you can switch between worlds by modifying the `currentWorld` variable in the JavaScript code.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Lego Platformer Game</title>
    <style>
        #gameCanvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            overflow: hidden;
        }
        
        .character {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: yellow;
            border-radius: 50%;
        }
        
        .world {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #ccc;
        }
        
        .level {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #fff;
        }
    </style>
</head>
<body>
    <div id="gameCanvas">
        <div id="character" class="character"></div>
        <div id="worlds">
            <div class="world">
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
            </div>
            <div class="world">
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
            </div>
            <div class="world">
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
            </div>
            <div class="world">
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
            </div>
            <div class="world">
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
                <div class="level"></div>
            </div>
        </div>
    </div>

function startGame() {
            // Initialize character position
            character.style.top = "0";
            character.style.left = "0";

// Add event listener for key controls
            document.addEventListener("keydown", moveCharacter);

// Load first world and level
            loadWorld(currentWorld);
            loadLevel(currentWorld, currentLevel);
        }

function moveCharacter(event) {
            const key = event.keyCode;
            const characterPos = character.getBoundingClientRect();
            const world = document.getElementsByClassName("world")[currentWorld];
            const currentLevelElements = world.getElementsByClassName("level");
            const currentLevelElement = currentLevelElements[currentLevel];
            const currentLevelRect = currentLevelElement.getBoundingClientRect();

switch (key) {
                case 37: // Left Arrow
                    if (characterPos.left > currentLevelRect.left) {
                        character.style.left = characterPos.left - 10 + "px";
                    }
                    break;
                case 38: // Up Arrow
                    if (characterPos.top > currentLevelRect.top) {
                        character.style.top = characterPos.top - 10 + "px";
                    }
                    break;
                case 39: // Right Arrow
                    if (characterPos.right < currentLevelRect.right) {
                        character.style.left = characterPos.left + 10 + "px";
                    }
                    break;
                case 40: // Down Arrow
                    if (characterPos.bottom < currentLevelRect.bottom) {
                        character.style.top = characterPos.top + 10 + "px";
                    }
                    break;
            }
        }

function loadWorld(worldIndex) {
            const worlds = document.getElementById("worlds").getElementsByClassName("world");
            for (let i = 0; i < worlds.length; i++) {
                worlds[i].style.display = "none";
            }
            worlds[worldIndex].style.display = "block";
        }

function loadLevel(worldIndex, levelIndex) {
            const world = document.getElementById("worlds").getElementsByClassName("world")[worldIndex];
            const levels = world.getElementsByClassName("level");
            for (let i = 0; i < levels.length; i++) {
                levels[i].style.display = "none";
            }
            levels[levelIndex].style.display = "block";
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```