A game of survival of going down levels in the water with a material called zero water and a story where it is known that a kraken and a leviathan brothers fought creating two kingdoms of which we the player are descendants of both kingdoms and we must defeat neos the king of the water.'s game

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

No:2934

671

←

Prev Next

→

A game of survival of going down levels in the wat..ALL
Developer User3408｜Date and time 23/6/23 6:15:05
Build time 26.508 sec｜Game capacity 3.33KB｜

Script

y así unificar ambos reinos nuevamente.

←

Prev　Next

→ 　

Back　

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

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

y así unificar ambos reinos nuevamente.

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Aqua Zero Survival Game</title>
    <style>
        #game-container {
            width: 100%;
            height: 100%;
            background-color: blue;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 100px;
            background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/merperson_1f9dc.png');
            background-size: 100% 100%;
        }
        .obstacle {
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/water-wave_1f30a.png');
            background-size: 100% 100%;
            animation: float 3s infinite ease-in-out;
        }
        @keyframes float {
            0% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-20px);
            }
            100% {
                transform: translateY(0);
            }
        }
    </style>
</head>

<body>
    <div id="game-container">
        <div id="player"></div>
    </div>
    <script>
        let player = document.getElementById("player");

let gameSpeed = 3;
        let gravity = 2.5;
        let jumpPower = 40;
        let obstacleInterval = 1500;

let score = 0;

function jump() {
            player.style.bottom = parseInt(player.style.bottom) + jumpPower + "px";
        }

document.addEventListener("keydown", (event) => {
            if (event.key === " " || event.key === "ArrowUp") {
                jump();
            }
        });

setInterval(() => {
            let obstacle = document.createElement("div");
            obstacle.classList.add("obstacle");
            obstacle.style.left = Math.floor(Math.random() * 80) + "vw";
            obstacle.style.bottom = "100px";
            document.getElementById("game-container").appendChild(obstacle);
            setTimeout(() => {
                obstacle.remove();
            }, obstacleInterval);
        }, obstacleInterval);

setInterval(() => {
            let obstacles = document.querySelectorAll(".obstacle");
            let playerBottom = parseInt(player.style.bottom);
            obstacles.forEach((obstacle) => {
                let obstacleLeft = parseInt(obstacle.style.left);
                let obstacleBottom = parseInt(obstacle.style.bottom);
                let playerLeft = parseInt(player.style.left);
                if (
                    playerLeft + 25 >= obstacleLeft &&
                    playerLeft - 25 <= obstacleLeft + 50 &&
                    playerBottom + 50 >= obstacleBottom
                ) {
                    alert("You lost the game! Your score was " + score);
                    location.reload();
                }
            });
            player.style.bottom = playerBottom - gravity + "px";
            score++;
        }, gameSpeed);
    </script>
</body>

</html>