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

No:10224

101

←

Prev Next

→

the floor is lava With k○lling lava
Developer User4498｜Date and time 23/7/29 12:45:55
Build time 13.854 sec｜Game capacity 4.345KB｜

Script

Sure! Here's a simple game called "The Floor is Lava" implemented as a single HTML file with JavaScript:

The Floor is Lava

Try to stay on the platforms and avoid touching the lava!

In this game, the player needs to stay on the randomly generated platforms and avoid touching the lava represented by the red background. The player can control their position by dragging their finger on the game board. If the player touches the lava or moves outside the game board, the game ends and a game over message is displayed. After the game ends, the platforms are regenerated and the player is reset to the starting position. Please note that this is a basic implementation of the game, and you can add more features, levels, and complexity based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple game called "The Floor is Lava" implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>The Floor is Lava</title>
    <style>
        #gameBoard {
            width: 400px;
            height: 400px;
            background-color: #000;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: #f00;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
</head>
<body>
    <h1>The Floor is Lava</h1>
    <p>Try to stay on the platforms and avoid touching the lava!</p>
    <div id="gameBoard">
        <div id="player"></div>
    </div>

let isGameOver = false;

function movePlayer(event) {
                if (isGameOver) return;
                
                let currentX = event.touches[0].clientX;
                if (currentX < gameBoard.offsetLeft || currentX > gameBoard.offsetLeft + gameBoard.offsetWidth) {
                    // Player moved outside the game board, game over
                    gameOver();
                    return;
                }
                
                player.style.left = currentX - gameBoard.offsetLeft - player.offsetWidth / 2 + 'px';
            }

function generatePlatforms() {
                // Remove any existing platforms
                const previousPlatforms = document.querySelectorAll('.platform');
                previousPlatforms.forEach(platform => platform.remove());

// Generate random platforms
                for (let i = 0; i < 5; i++) {
                    const platform = document.createElement('div');
                    platform.classList.add('platform');
                    const randomX = Math.floor(Math.random() * (gameBoard.offsetWidth - 50));
                    const randomY = Math.floor(Math.random() * (gameBoard.offsetHeight - 25));
                    platform.style.left = randomX + 'px';
                    platform.style.bottom = randomY + 'px';
                    gameBoard.appendChild(platform);
                }
            }

function checkCollision() {
                const platforms = document.querySelectorAll('.platform');

platforms.forEach(platform => {
                    const platformRect = platform.getBoundingClientRect();
                    const playerRect = player.getBoundingClientRect();

if (playerRect.bottom >= platformRect.top && playerRect.bottom <= platformRect.top + lavaHeight &&
                        playerRect.left >= platformRect.left && playerRect.right <= platformRect.right) {
                        // Player landed on a platform
                        return;
                    }

// Player collided with the lava, game over
                    gameOver();
                });
            }

function gameOver() {
                isGameOver = true;
                alert('Game over! The floor was lava!');
                resetGame();
            }

function resetGame() {
                isGameOver = false;
                player.style.left = '50%';
                generatePlatforms();
            }

// Start the game
            generatePlatforms();
            gameBoard.addEventListener('touchmove', movePlayer);
            setInterval(checkCollision, 10);
        }
    </script>
</body>
</html>
```

Please note that this is a basic implementation of the game, and you can add more features, levels, and complexity based on your requirements.