Um jogo de matar alguns inimigos pulando em sua cabeça.'s game

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

No:21265

←

Prev Next

→

Um jogo de matar alguns inimigos pulando em sua ca..ALL
Developer User9729｜Date and time 23/10/14 11:14:04
Build time 67.846 sec｜Game capacity 3.295KB｜

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 Aventura</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>
  
  <script>
    // Cria o canvas e o contexto
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Define a posição inicial do jogador
    var jogadorX = canvas.width / 2;
    var jogadorY = canvas.height - 30;

// Armazena as informações dos inimigos
    var inimigos = [
      { x: 50, y: 0 },
      { x: 150, y: 0 },
      { x: 250, y: 0 },
      { x: 350, y: 0 }
    ];

// Define a posição inicial dos pulos
    var puloX = jogadorX;
    var puloY = jogadorY;

// Variável para armazenar se o jogador está pulando
    var pulando = false;

// Função para atualizar a posição dos inimigos
    function atualizarInimigos() {
      for (var i = 0; i < inimigos.length; i++) {
        inimigos[i].y += 2;
        
        // Verifica se houve colisão com o jogador
        if (inimigos[i].y + 32 >= jogadorY && inimigos[i].y <= jogadorY + 32 &&
            inimigos[i].x + 32 >= jogadorX && inimigos[i].x <= jogadorX + 32) {
          alert("Game Over!");
          document.location.reload();
        }
        
        // Verifica se o inimigo passou pelo jogador
        if (inimigos[i].y >= canvas.height) {
          inimigos[i].y = 0;
          inimigos[i].x = Math.random() * (canvas.width - 32);
        }
      }
    }

// Função para desenhar os personagens e cenário
    function desenhar() {
      // Limpa o canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenha o jogador
      ctx.fillStyle = "blue";
      ctx.fillRect(jogadorX, jogadorY, 32, 32);

// Desenha os inimigos
      ctx.fillStyle = "red";
      for (var i = 0; i < inimigos.length; i++) {
        ctx.fillRect(inimigos[i].x, inimigos[i].y, 32, 32);
      }
    }

// Função principal do jogo
    function jogar() {
      // Atualiza a posição dos inimigos
      atualizarInimigos();

// Desenha os personagens e cenário
      desenhar();

// Chama a função novamente para criar um loop de jogo
      requestAnimationFrame(jogar);
    }

// Função para tratar os eventos de toque na tela
    function onTouchStart(event) {
      // Obtém a posição do toque
      var touchX = event.touches[0].clientX;
      var touchY = event.touches[0].clientY;

// Verifica se o toque foi dentro do jogador
      if (touchX >= jogadorX && touchX <= jogadorX + 32 &&
          touchY >= jogadorY && touchY <= jogadorY + 32) {
        puloX = touchX;
        puloY = touchY;
        pulando = true;
      }
    }

function onTouchEnd(event) {
      puloX = jogadorX;
      puloY = jogadorY;
      pulando = false;
    }

function onTouchMove(event) {
      if (pulando) {
        // Atualiza a posição do jogador durante o pulo
        puloX = event.touches[0].clientX;
        puloY = event.touches[0].clientY;
      }
    }

// Adiciona os eventos de toque na tela
    document.addEventListener("touchstart", onTouchStart, false);
    document.addEventListener("touchend", onTouchEnd, false);
    document.addEventListener("touchmove", onTouchMove, false);

// Inicia o jogo
    jogar();
  </script>
</body>
</html>