Jogo em que você é um cubo que tem que saltar entre plataformas para passar de fase o jogo tem 5 fases.'s game

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

No:26102

←

Prev Next

→

Jogo em que você é um cubo que tem que saltar entr..ALL
Developer User12853｜Date and time 23/11/26 23:29:57
Build time 131.804 sec｜Game capacity 4.836KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Cubo</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Plataformas de cada nível
        var levels = [
            [
                { x: 100, y: 260 },
                { x: 200, y: 230 },
                { x: 300, y: 200 }
            ],
            [
                { x: 100, y: 260 },
                { x: 200, y: 230 },
                { x: 300, y: 200 },
                { x: 400, y: 170 }
            ],
            [
                { x: 100, y: 260 },
                { x: 200, y: 230 },
                { x: 300, y: 200 },
                { x: 400, y: 170 },
                { x: 200, y: 140 }
            ],
            [
                { x: 100, y: 260 },
                { x: 200, y: 230 },
                { x: 300, y: 200 },
                { x: 400, y: 170 },
                { x: 200, y: 140 },
                { x: 100, y: 110 }
            ],
            [
                { x: 100, y: 260 },
                { x: 200, y: 230 },
                { x: 300, y: 200 },
                { x: 400, y: 170 },
                { x: 200, y: 140 },
                { x: 100, y: 110 },
                { x: 400, y: 80 }
            ]
        ];

// Função chamada no carregamento da página
        window.onload = function () {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            setInterval(updateGame, 1000 / 30); // Atualiza o jogo a cada 1/30s

// Adiciona evento de clique na tela
            canvas.addEventListener('click', jump);
        }

// Função para atualização do jogo a cada frame
        function updateGame() {
            moveCube();

// Limpa o canvas
            canvasContext.fillStyle = 'white';
            canvasContext.fillRect(0, 0, canvas.width, canvas.height);

drawPlatforms();

drawCube();

// Verifica se o cubo colidiu com alguma plataforma
            var currentPlatforms = levels[currentLevel - 1];
            for (var i = 0; i < currentPlatforms.length; i++) {
                var platform = currentPlatforms[i];

if (cubeX < platform.x + platformWidth &&
                        cubeX + platformWidth > platform.x &&
                        cubeY < platform.y + platformHeight &&
                        cubeY + platformHeight > platform.y) {
                    // Colisão detectada
                    if (cubeVelocityY > 0) {
                        // O cubo está descendo, podemos pular novamente
                        cubeVelocityY = -10;
                    } else {
                        // O cubo está subindo ou em repouso, não faz nada
                    }
                }
            }

// Verifica se o cubo chegou na plataforma final
            if (cubeY <= 0 && currentLevel === maxLevel) {
                alert('Parabéns, você venceu o jogo!');
                return;
            }

// Verifica se o cubo caiu do jogo
            if (cubeY > canvas.height) {
                alert('Você perdeu o jogo. Tente novamente.');
                restartGame();
            }
        }

// Função para mover o cubo
        function moveCube() {
            cubeY += cubeVelocityY;
            cubeVelocityY += 1; // Incremento da velocidade do salto
        }

// Função para desenhar as plataformas
        function drawPlatforms() {
            var currentPlatforms = levels[currentLevel - 1];
            canvasContext.fillStyle = 'black';
            for (var i = 0; i < currentPlatforms.length; i++) {
                var platform = currentPlatforms[i];
                canvasContext.fillRect(platform.x, platform.y, platformWidth, platformHeight);
            }
        }

// Função para desenhar o cubo
        function drawCube() {
            canvasContext.fillStyle = 'red';
            canvasContext.fillRect(cubeX, cubeY, 20, 20);
        }

// Função para fazer o cubo pular
        function jump() {
            if (cubeVelocityY === 0) {
                cubeVelocityY = -10;
            }
        }

// Função para reiniciar o jogo
        function restartGame() {
            cubeY = 280;
            cubeVelocityY = -10;
            currentLevel = 1;
        }
    </script>
</body>
</html>