Floor it's lava but is with timer that counts to 3 2 1 and lava appear and you need to jump on platform to survive's game

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

No:37193

←

Prev Next

→

Floor it's lava but is with timer that counts to 3..ALL
Developer User17015｜Date and time 24/1/20 17:47:35
Build time 11.589 sec｜Game capacity 3.927KB｜

Script

Game Over!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Floor is Lava!</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

#platform {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 100px;
            height: 20px;
            background-color: grey;
            transform: translate(-50%);
        }

#player {
            position: absolute;
            bottom: 20px;
            left: 50%;
            width: 40px;
            height: 60px;
            background-color: blue;
            transform: translateX(-50%);
        }

#gameover {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 50px;
            color: red;
            display: none;
        }
    </style>
</head>
<body>
    <div id="platform"></div>
    <div id="player"></div>
    <div id="gameover">Game Over!</div>

// Start countdown
        function startCountdown() {
            intervalId = setInterval(() => {
                countdown--;
                if (countdown === 0) {
                    clearInterval(intervalId);
                    intervalId = null;
                    lavaAppear();
                }
            }, 1000);
        }

// Lava appears and starts rising
        function lavaAppear() {
            platform.style.backgroundColor = 'red';
            var height = 0;
            var intervalId = setInterval(() => {
                height += 2;
                platform.style.height = height + 'px';

// Check collision
                if (height >= window.innerHeight - player.offsetHeight) {
                    clearInterval(intervalId);
                    gameover.style.display = 'block';
                }
            }, 10);
        }

// Handle player jump
        function jump() {
            if (!isJumping) {
                isJumping = true;
                var jumpHeight = 200;
                var initialPosition = parseInt(getComputedStyle(player).bottom);
                var targetPosition = initialPosition + jumpHeight;
                var currentPosition = initialPosition;
                var intervalId = setInterval(() => {
                    currentPosition += 6;
                    player.style.bottom = currentPosition + 'px';

// Check if player has reached the target position
                    if (currentPosition >= targetPosition) {
                        clearInterval(intervalId);
                        fall();
                    }
                }, 10);
            }
        }

// Handle player fall after jump
        function fall() {
            var fallDistance = 300;
            var initialPosition = parseInt(getComputedStyle(player).bottom);
            var targetPosition = initialPosition - fallDistance;
            var currentPosition = initialPosition;
            var intervalId = setInterval(() => {
                currentPosition -= 5;
                player.style.bottom = currentPosition + 'px';

// Check if player has reached the target position
                if (currentPosition <= targetPosition) {
                    clearInterval(intervalId);
                    isJumping = false;
                }
            }, 10);
        }

// Start the game
        startCountdown();

// Handle touch event for jumping on smartphones
        document.addEventListener('touchstart', jump);
    </script>
</body>
</html>