Jogo de plataforma em que o jogador deve pular sobre obstáculos's game

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

No:26128

←

Prev Next

→

Jogo de plataforma em que o jogador deve pular sob..ALL
Developer User12853｜Date and time 23/11/27 5:41:33
Build time 65.693 sec｜Game capacity 2.76KB｜

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 Plataforma</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        #gameCanvas {
            background-color: #f0f0f0;
            display: block;
            margin: auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Inicialização do jogo
        let canvas = document.getElementById("gameCanvas");
        let ctx = canvas.getContext("2d");

// Definição das variáveis do jogo
        let player = {
            x: 50,
            y: 0,
            width: 32,
            height: 64,
            ySpeed: 0,
            isJumping: false
        };

let obstacles = [
            { x: 300, y: 240, width: 50, height: 50 },
            { x: 500, y: 240, width: 50, height: 50 },
            { x: 700, y: 240, width: 50, height: 50 }
        ];

let gravity = 0.5;

// Função para atualizar o jogo a cada frame
        function update() {
            // Limpar tela
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Movimentar jogador
            player.y += player.ySpeed;
            player.ySpeed += gravity;

// Desenhar jogador
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Desenhar obstáculos
            obstacles.forEach(obstacle => {
                ctx.fillStyle = "red";
                ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

// Verificar colisão entre jogador e obstáculo
                if (
                    player.x < obstacle.x + obstacle.width &&
                    player.x + player.width > obstacle.x &&
                    player.y < obstacle.y + obstacle.height &&
                    player.y + player.height > obstacle.y
                ) {
                    // Game over
                    alert("GAME OVER!");
                    location.reload();
                }
            });

requestAnimationFrame(update);
        }

// Função para controlar o salto do jogador
        function jump() {
            if (!player.isJumping) {
                player.ySpeed = -10;
                player.isJumping = true;
            }
        }

// Função para detectar toques na tela
        function onTouch() {
            jump();
        }

// EventListener para detecção de toques no smartphone
        canvas.addEventListener("touchstart", onTouch);

// Iniciar o jogo
        update();
    </script>
</body>
</html>