Человек прыгнул и стал коробкой's game

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

No:15085

←

Prev Next

→

Человек прыгнул и стал коробкой
Developer User6503｜Date and time 23/9/6 3:43:22
Build time 20.512 sec｜Game capacity 2.329KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jump and Transform</title>
    <style>
        body {
            background-color: lightblue;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

#playground {
            width: 200px;
            height: 200px;
            background-color: white;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            position: relative;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            bottom: 0;
        }

#box {
            width: 50px;
            height: 50px;
            background-color: green;
            position: absolute;
            bottom: 0;
        }
    </style>
</head>
<body>
    <div id="playground">
        <div id="player"></div>
        <div id="box"></div>
    </div>

// Set initial state
        var isJumping = false;
        var isTransformed = false;

// Function to handle player jump
        function jump() {
            if (!isJumping) {
                isJumping = true;
                player.style.bottom = '100px';

setTimeout(function() {
                    player.style.bottom = '0px';
                    isJumping = false;
                }, 500);
            }
        }

// Function to transform the player into a box
        function transform() {
            if (!isTransformed) {
                isTransformed = true;
                player.style.display = 'none';
                box.style.display = 'block';
            }
        }

// Function to handle touch events
        function handleTouch(event) {
            event.preventDefault();
            jump();
            transform();
        }

// Attach touch event listener to the playground
        var playground = document.getElementById('playground');
        playground.addEventListener('touchstart', handleTouch);

</script>
</body>
</html>