AI game creator

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

No:9092

232

←

Prev Next

→

the floor is lava
Developer User4297｜Date and time 23/7/21 4:47:08
Build time 26.9 sec｜Game capacity 3.583KB｜

Script

Sure! Here's a simple game where the objective is to avoid stepping on the floor as it turns into lava. The game can be played on a smartphone and uses pictograms for the visuals. Just save the following code as an HTML file and open it in any web browser.

In this game, the player starts at the bottom of the screen. The floor gradually rises, and the player needs to avoid touching it by jumping. There are three pits where the floor turns into lava represented by different pictograms. If the player fails to jump in time and touches the rising floor, the game ends.

←

Prev　Next

→ 　

Back　

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

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

```
<!DOCTYPE html>
<html>
<head>
    <title>The Floor is Lava</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        
        #game-container {
            width: 100vw;
            height: 100vh;
            position: relative;
            background-color: #000;
        }
        
        #player {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            background-color: #f00;
        }
        
        #floor {
            width: 100%;
            height: 15px;
            position: absolute;
            bottom: 0;
            background-color: #333;
        }
        
        .pit {
            width: 50px;
            height: 50px;
            background-color: #000;
            position: absolute;
        }
        
        .pit img {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div id="floor"></div>
    </div>

let gameLoop;
        let isGameOver = false;

function startGame() {
            gameLoop = setInterval(moveFloor, 10);
            document.addEventListener("keydown", jump);
        }

function moveFloor() {
            const floorPosition = parseInt(floor.style.bottom) || 0;
            floor.style.bottom = (floorPosition + 1) + "px";

if (floorPosition >= 100) {
                clearInterval(gameLoop);
                endGame();
            }
        }

function jump(event) {
            if (event.key === " " && !isGameOver) {
                player.style.bottom = "50px";
                setTimeout(() => player.style.bottom = "0", 500);
            }
        }

function endGame() {
            isGameOver = true;
            alert("Game Over! The floor turned into lava!");
            document.removeEventListener("keydown", jump);
        }

function createPits() {
            pits.forEach(pit => {
                const pitElement = document.createElement("div");
                pitElement.className = "pit";
                pitElement.style.left = pit.x + "px";
                pitElement.style.bottom = pit.y + "px";

const pitImage = document.createElement("img");
                pitImage.src = pit.img;

pitElement.appendChild(pitImage);
                gameContainer.appendChild(pitElement);
            });
        }

createPits();
        startGame();
    </script>
</body>
</html>
```