Side scroller game with the main character being a red little lion's game

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

No:18718

←

Prev Next

→

Side scroller game with the main character being a..ALL
Developer User8276｜Date and time 23/9/30 13:51:24
Build time 6.62 sec｜Game capacity 1.963KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<html>
<head>
<style>
    #game-container {
        width: 100%;
        height: 500px;
        border: 1px solid black;
        overflow: hidden;
        position: relative;
    }
    
    #player {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: red;
        top: 50%;
        left: 10px;
    }
</style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

var playerSpeed = 5;
        var playerJumpHeight = 150;
        var playerJumpSpeed = 5;
        var gravity = 2;

// Game initialization
        function init() {
            gameContainer = document.getElementById("game-container");
            player = document.getElementById("player");

gameContainer.addEventListener("click", function () {
                startGame();
            });
        }

// Start the game
        function startGame() {
            gameContainer.removeEventListener("click", function () {
                startGame();
            });

gameContainer.addEventListener("click", jumpPlayer);

setInterval(update, 20);
        }

// Move the player up when clicked
        function jumpPlayer() {
            playerJumpSpeed = playerJumpHeight;
        }

// Update game state
        function update() {
            // Handle player's vertical movement
            playerJumpSpeed -= gravity;
            player.style.top = player.offsetTop - playerJumpSpeed * 0.1 + "px";

// Check if player touches the ground
            if (player.offsetTop + player.offsetHeight >= gameContainer.offsetHeight) {
                playerJumpSpeed = 0;
                player.style.top = gameContainer.offsetHeight - player.offsetHeight + "px";
            }
        }

// Game start
        init();
    </script>
</body>
</html>