Um jogo em que deve pular sobre plataformas e passar de fase existem 100 fases's game

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

No:26242

←

Prev Next

→

Um jogo em que deve pular sobre plataformas e pass..ALL
Developer User12853｜Date and time 23/11/28 2:14:55
Build time 109.797 sec｜Game capacity 5.161KB｜

Script

Aqui está um exemplo básico de como você pode implementar um jogo em que o objetivo é pular sobre plataformas e passar por 100 fases. Este exemplo foi criado para funcionar em um dispositivo móvel e usa pictogramas para representar as plataformas.

Você Venceu!

Esse exemplo usa o elemento `canvas` para desenhar o jogador e as plataformas. A posição do jogador é atualizada a cada quadro do jogo, verificando se ele está colidindo com uma das plataformas. As plataformas se movem para baixo do canvas e são recolocadas no topo quando saem do campo de visão. O jogo é vencido quando o jogador chega ao topo do canvas. Note que este é um exemplo básico e você pode personalizá-lo e adicionar mais recursos de acordo com suas necessidades.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>

<head>
    <title>Jogo de Plataforma</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }

#canvas {
            background-color: #fff;
        }

.platform {
            position: absolute;
        }

#player {
            position: absolute;
        }

.success {
            position: absolute;
            font-size: 40px;
            font-weight: bold;
            color: green;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>

<body>
    <canvas id="canvas"></canvas>
    <div id="success" class="success">Você Venceu!</div>

// Define as dimensões do canvas para corresponder às dimensões da janela do dispositivo
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Define o tamanho das plataformas
        const platformWidth = 60;
        const platformHeight = 20;

// Define a posição inicial do jogador e das plataformas
        let playerX = canvas.width / 2;
        let playerY = canvas.height - platformHeight - 50;
        let platforms = [];

// Cria as 100 plataformas
        for (let i = 0; i < 100; i++) {
            const platformX = Math.random() * (canvas.width - platformWidth);
            const platformY = canvas.height - (i + 1) * 150;
            platforms.push({
                x: platformX,
                y: platformY
            });
        }

// Função para desenhar o jogador e as plataformas no canvas
        function draw() {
            // Limpa o canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Desenha o jogador
            context.fillRect(playerX, playerY, platformWidth, platformHeight);

// Desenha as plataformas
            platforms.forEach(function (platform) {
                context.fillRect(platform.x, platform.y, platformWidth, platformHeight);
            });
        }

// Função para atualizar a posição do jogador
        function updatePlayer() {
            // Verifica se o jogador está colidindo com uma plataforma
            platforms.forEach(function (platform) {
                if (playerY + platformHeight >= platform.y && playerY <= platform.y + platformHeight &&
                    playerX >= platform.x && playerX <= platform.x + platformWidth) {
                    // Se o jogador estiver colidindo, faz ele pular para a próxima plataforma
                    playerY = platform.y - platformHeight;
                }
            });

// Atualiza a posição vertical do jogador
            playerY -= 5;

// Verifica se o jogador chegou no topo do canvas (venceu)
            if (playerY < 0) {
                // Mostra a mensagem de sucesso
                success.style.display = "block";

// Pára o jogo
                clearInterval(gameLoop);
            }
        }

// Função para atualizar a posição das plataformas
        function updatePlatforms() {
            platforms.forEach(function (platform) {
                // Atualiza a posição vertical das plataformas
                platform.y += 1;

if (platform.y > canvas.height) {
                    // Se a plataforma passou para baixo do canvas, recoloca no topo
                    platform.y = -platformHeight;
                    platform.x = Math.random() * (canvas.width - platformWidth);
                }
            });
        }

// Função chamada a cada quadro do jogo
        function gameLoop() {
            // Atualiza as posições do jogador e das plataformas
            updatePlayer();
            updatePlatforms();

// Desenha o jogador e as plataformas
            draw();
        }

// Inicia o jogo
        const success = document.getElementById("success");
        success.style.display = "none";
        const gameLoop = setInterval(gameLoop, 20);
    </script>
</body>

</html>
```

Note que este é um exemplo básico e você pode personalizá-lo e adicionar mais recursos de acordo com suas necessidades.