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

No:15058

←

Prev Next

→

One piece
Developer User6309｜Date and time 23/9/5 23:48:32
Build time 41.488 sec｜Game capacity 4.074KB｜

Script

Jogo One Piece

←

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>Jogo One Piece</title>
</head>
<body>
    <h1>Jogo One Piece</h1>
    <canvas id="gameCanvas" width="500" height="400"></canvas>
    <script>
        // Código do jogo aqui

// Obtendo referência para o elemento canvas
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Definindo objetos do jogo (pictogramas)
        const jogador = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            largura: 50,
            altura: 50,
            velocidade: 5
        };

const inimigo = {
            x: canvas.width / 2,
            y: 0,
            largura: 50,
            altura: 50,
            velocidade: 2
        };

let pontos = 0;

// Função para desenhar os objetos do jogo no canvas
        function desenhar() {
            // Limpar canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar jogador
            context.fillStyle = "#FF0000";
            context.fillRect(jogador.x, jogador.y, jogador.largura, jogador.altura);

// Desenhar inimigo
            context.fillStyle = "#0000FF";
            context.fillRect(inimigo.x, inimigo.y, inimigo.largura, inimigo.altura);

// Desenhar pontos
            context.fillStyle = "#000000";
            context.font = "20px Arial";
            context.fillText("Pontos: " + pontos, 10, 20);
        }

// Função para atualizar a posição dos objetos no jogo
        function atualizar() {
            // Movimentar jogador
            if (teclaEsquerdaPressionada && jogador.x > 0) {
                jogador.x -= jogador.velocidade;
            } else if (teclaDireitaPressionada && jogador.x + jogador.largura < canvas.width) {
                jogador.x += jogador.velocidade;
            }

// Movimentar inimigo
            inimigo.y += inimigo.velocidade;

// Verificar colisão entre jogador e inimigo
            if (jogador.y < inimigo.y + inimigo.altura && jogador.x + jogador.largura > inimigo.x &&
                jogador.x < inimigo.x + inimigo.largura) {
                // Fim de jogo
                alert("Game Over! Pontuação: " + pontos);
                document.location.reload();
            }

// Verificar se inimigo ultrapassou o jogador
            if (inimigo.y + inimigo.altura > canvas.height) {
                // Aumentar pontos e reiniciar posição do inimigo
                pontos++;
                inimigo.y = 0;
                inimigo.x = Math.random() * (canvas.width - inimigo.largura);
            }
        }

// Funções para capturar teclas pressionadas
        let teclaEsquerdaPressionada = false;
        let teclaDireitaPressionada = false;

function pressionarTecla(event) {
            if (event.key === "ArrowLeft") {
                teclaEsquerdaPressionada = true;
            } else if (event.key === "ArrowRight") {
                teclaDireitaPressionada = true;
            }
        }

function soltarTecla(event) {
            if (event.key === "ArrowLeft") {
                teclaEsquerdaPressionada = false;
            } else if (event.key === "ArrowRight") {
                teclaDireitaPressionada = false;
            }
        }

// Event listeners para capturar teclas pressionadas
        document.addEventListener("keydown", pressionarTecla);
        document.addEventListener("keyup", soltarTecla);

// Função para executar o jogo
        function executarJogo() {
            // Chamada das funções de atualização e desenho com intervalo de 10ms
            setInterval(function () {
                atualizar();
                desenhar();
            }, 10);
        }

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