Terraria But You Can Fly's game

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

No:9974

125

←

Prev Next

→

Terraria But You Can Fly
Developer User4452｜Date and time 23/7/28 16:01:32
Build time 27.076 sec｜Game capacity 4.5KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <style>
        body {
            text-align: center;
            margin-top: 100px;
        }
        #game {
            width: 600px;
            height: 400px;
            border: 2px solid black;
            margin: auto;
            position: relative;
            overflow: hidden;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        #obstacle {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
        }
        #score {
            position: absolute;
            top: 10px;
            left: 10px;
        }
        #instructions {
            font-size: 24px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
        <div id="obstacle"></div>
        <div id="score">Score: 0</div>
    </div>
    <script>
        var player = document.getElementById("player");
        var game = document.getElementById("game");
        var score = document.getElementById("score");
        var obstacle = document.getElementById("obstacle");
        var gameWidth = game.clientWidth;
        var gameHeight = game.clientHeight;
        var playerWidth = player.clientWidth;
        var playerHeight = player.clientHeight;
        var obstacleWidth = obstacle.clientWidth;
        var obstacleHeight = obstacle.clientHeight;
        var gravity = 0.5;
        var velocity = 0;
        var jumpCount = 0;
        var scoreCount = 0;
        var gameSpeed = 3;
        var isGameOver = false;

function jump() {
            if (jumpCount < 2) {
                velocity = -10;
                jumpCount++;
            }
        }

function flapWings() {
            if (jumpCount < 2) {
                velocity = -15;
                jumpCount++;
            }
        }

document.addEventListener("keydown", function(event) {
            if (event.code === "Space" || event.code === "ArrowUp") {
                jump();
            }
        });

document.addEventListener("touchstart", function() {
            jump();
        });

function gameLoop() {
            if (isGameOver) {
                return;
            }

// Update player position
            velocity += gravity;
            player.style.bottom = parseFloat(player.style.bottom) + velocity + "px";

// Check collision with ground
            if (parseFloat(player.style.bottom) <= 0) {
                player.style.bottom = "0px";
                velocity = 0;
                jumpCount = 0;
            }

// Check collision with obstacle
            var playerLeft = player.offsetLeft;
            var obstacleLeft = obstacle.offsetLeft;
            var playerTop = gameHeight - parseFloat(player.style.bottom);
            var obstacleTop = gameHeight - (parseFloat(obstacle.style.bottom) + obstacleHeight);

if (
                playerLeft + playerWidth >= obstacleLeft &&
                playerLeft <= obstacleLeft + obstacleWidth &&
                playerTop <= obstacleTop + obstacleHeight
            ) {
                gameOver();
            }

// Update obstacle position
            obstacle.style.left = parseFloat(obstacle.style.left) - gameSpeed + "px";

// Check if obstacle is out of the game screen
            if (parseFloat(obstacle.style.left) + obstacleWidth < 0) {
                increaseScore();
                resetObstacle();
            }

// Loop the game
            requestAnimationFrame(gameLoop);
        }

function gameOver() {
            isGameOver = true;
            alert("Game Over!\nYour score: " + scoreCount);
        }

function increaseScore() {
            scoreCount++;
            score.textContent = "Score: " + scoreCount;
        }

function resetObstacle() {
            obstacle.style.left = gameWidth + "px";
            var randomHeight = Math.floor(Math.random() * (gameHeight - obstacleHeight - playerHeight)) + playerHeight;
            obstacle.style.bottom = gameHeight - randomHeight + "px";
        }

gameLoop();
    </script>
</body>
</html>