AI game creator

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

No:22849

←

Prev Next

→

Equilíbrio
Developer User8225｜Date and time 23/10/26 1:22:59
Build time 46.809 sec｜Game capacity 2.946KB｜

Script

Equilíbrio

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Equilíbrio</title>
    <style>
        body {
            background-color: #f2f2f2;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #game-container {
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        #game-board {
            width: 300px;
            height: 500px;
            border: 2px solid #333;
        }
        
        #bar {
            width: 100%;
            height: 50px;
            background-color: #333;
            color: #fff;
            text-align: center;
            line-height: 50px;
            font-size: 18px;
        }
        
        #player {
            width: 50px;
            height: 50px;
            background-color: #ffcc00;
            position: relative;
            left: 125px;
            bottom: 10px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="game-board">
            <div id="bar">
                Equilíbrio
            </div>
            <div id="player"></div>
        </div>
    </div>

// função para mover o jogador
        function movePlayer() {
            var playerPosition = parseInt(player.style.left) || 125;
            
            if (isTilted && tiltDirection === -1) {
                playerPosition -= playerSpeed;
            } else if (isTilted && tiltDirection === 1) {
                playerPosition += playerSpeed;
            }
            
            if (playerPosition < 0) {
                playerPosition = 0;
            } else if (playerPosition > (gameBoard.offsetWidth - player.offsetWidth)) {
                playerPosition = gameBoard.offsetWidth - player.offsetWidth;
            }
            
            player.style.left = playerPosition + 'px';
        }

// função para movimentar o barco ao inclinar o dispositivo
        function handleTilt(event) {
            var beta = event.beta;

if (beta > 15) {
                isTilted = true;
                tiltDirection = -1; // esquerda
            } else if (beta < -15) {
                isTilted = true;
                tiltDirection = 1; // direita
            } else {
                isTilted = false;
                tiltDirection = 0;
            }
        }

// função para iniciar o jogo
        function startGame() {
            window.addEventListener('deviceorientation', handleTilt);
            setInterval(movePlayer, 10);
        }

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