a blue block where there is no controlled movement, it always moves to the right's game

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

No:41418

←

Prev Next

→

a blue block where there is no controlled movement..ALL
Developer User18533｜Date and time 24/2/7 9:48:12
Build time 8.02 sec｜Game capacity 1.82KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Bloco Azul</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define as propriedades do bloco azul
        var blueBlock = {
            x: 0, // Posição horizontal do bloco
            y: canvas.height / 2, // Posição vertical do bloco
            width: 50, // Largura do bloco
            height: 50, // Altura do bloco
            speed: 2 // Velocidade de movimento do bloco
        };

// Função responsável por desenhar o bloco azul no canvas
        function drawBlueBlock() {
            context.fillStyle = "blue";
            context.fillRect(blueBlock.x, blueBlock.y, blueBlock.width, blueBlock.height);
        }

// Função responsável por atualizar a posição do bloco azul
        function updateBlueBlock() {
            blueBlock.x += blueBlock.speed;

// Verificar se o bloco saiu da tela (à direita)
            if (blueBlock.x > canvas.width) {
                blueBlock.x = 0; // Volta a posição inicial
            }
        }

// Função responsável por atualizar o jogo em cada frame
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height); // Limpar o canvas
            drawBlueBlock(); // Desenhar o bloco azul
            updateBlueBlock(); // Atualizar a posição do bloco azul
        }

// Inicia o jogo
        function startGame() {
            setInterval(update, 10); // Executa a função update a cada 10ms
        }

// Chama a função startGame para iniciar o jogo
        startGame();
    </script>
</body>
</html>