Crie um jogo chamado equilíbrio que tem inspiração no ing ang's game

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

No:19149

125

←

Prev Next

→

Crie um jogo chamado equilíbrio que tem inspiração..ALL
Developer User8225｜Date and time 23/10/1 22:08:52
Build time 12.532 sec｜Game capacity 3.268KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Equilíbrio</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Obtendo o elemento canvas
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Definindo a posição inicial do jogador
        var playerX = canvas.width / 2;
        var playerY = canvas.height - 30;

// Definindo a posição inicial da bola
        var ballX = canvas.width / 2;
        var ballY = canvas.height / 2;
        var ballRadius = 10;

// Variáveis de controle
        var rightPressed = false;
        var leftPressed = false;

// Função para desenhar o jogador
        function drawPlayer() {
            context.beginPath();
            context.rect(playerX, playerY, 60, 10);
            context.fillStyle = "#0095DD";
            context.fill();
            context.closePath();
        }

// Função para desenhar a bola
        function drawBall() {
            context.beginPath();
            context.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
            context.fillStyle = "#0095DD";
            context.fill();
            context.closePath();
        }

// Função de controle de teclado
        function keyDownHandler(event) {
            if (event.key == "Right" || event.key == "ArrowRight") {
                rightPressed = true;
            } else if (event.key == "Left" || event.key == "ArrowLeft") {
                leftPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key == "Right" || event.key == "ArrowRight") {
                rightPressed = false;
            } else if (event.key == "Left" || event.key == "ArrowLeft") {
                leftPressed = false;
            }
        }

// Função principal do jogo
        function drawGame() {
            // Limpa o canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Desenha o jogador
            drawPlayer();

// Desenha a bola
            drawBall();

// Move o jogador
            if (rightPressed && playerX < canvas.width - 60) {
                playerX += 7;
            } else if (leftPressed && playerX > 0) {
                playerX -= 7;
            }

// Move a bola
            ballY += 2;

// Verifica colisão da bola com o jogador
            if (ballY + ballRadius > playerY && ballY < playerY + 10 && ballX > playerX && ballX < playerX + 60) {
                alert("Você perdeu!");
                document.location.reload();
            }

// Verifica se a bola caiu no chão
            if (ballY + ballRadius > canvas.height) {
                alert("Você ganhou!");
                document.location.reload();
            }

// Chamada recursiva da função para animação
            requestAnimationFrame(drawGame);
        }

// Event listeners para controle de teclado
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Inicia o jogo
        drawGame();
    </script>
</body>
</html>