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:19148

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Equilíbrio</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Variáveis do jogo
        var canvas, ctx;
        var player, target;
        var playerSpeedX, playerSpeedY;
        var targetSpeedX, targetSpeedY;
        var score;
        
        // Função para inicializar o jogo
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            
            player = { x: 200, y: 200, width: 50, height: 50 };
            target = { x: Math.random() * 350, y: Math.random() * 350, width: 50, height: 50 };
            
            playerSpeedX = 0;
            playerSpeedY = 0;
            targetSpeedX = Math.random() * 5 - 2.5;
            targetSpeedY = Math.random() * 5 - 2.5;
            
            score = 0;
            
            document.addEventListener("keydown", movePlayer);
            
            setInterval(updateGame, 20);
        }
        
        // Função para desenhar um objeto no canvas
        function drawObject(object) {
            ctx.fillStyle = "black";
            ctx.fillRect(object.x, object.y, object.width, object.height);
        }
        
        // Função para atualizar o jogo a cada frame
        function updateGame(){
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            player.x += playerSpeedX;
            player.y += playerSpeedY;
            
            target.x += targetSpeedX;
            target.y += targetSpeedY;
            
            // Verifica se o jogador atingiu o alvo
            if (player.x < target.x + target.width && player.x + player.width > target.x &&
                player.y < target.y + target.height && player.y + player.height > target.y) {
                target.x = Math.random() * 350;
                target.y = Math.random() * 350;
                score++;
            }
            
            // Desenha o jogador e o alvo
            drawObject(player);
            drawObject(target);
            
            // Mostra a pontuação na tela
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Pontuação: " + score, 10, 30);
        }
        
        // Função para mover o jogador
        function movePlayer(event) {
            if (event.keyCode == 37) {  // Tecla da seta esquerda
                playerSpeedX = -2;
            } else if (event.keyCode == 39) {  // Tecla da seta direita
                playerSpeedX = 2;
            } else if (event.keyCode == 38) {  // Tecla da seta para cima
                playerSpeedY = -2;
            } else if (event.keyCode == 40) {  // Tecla da seta para baixo
                playerSpeedY = 2;
            }
        }
        
        // Função para parar o movimento do jogador
        function stopPlayer() {
            playerSpeedX = 0;
            playerSpeedY = 0;
        }
        
        // Inicializa o jogo quando a página é carregada
        startGame();
    </script>
</body>
</html>