Um louco fugindo de perseguidores's game

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

No:18435

←

Prev Next

→

Um louco fugindo de perseguidores
Developer User8165｜Date and time 23/9/29 11:10:38
Build time 44.875 sec｜Game capacity 4.583KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title> Louco Fugindo </title>
  <style>
    body { 
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    canvas {
      display:block;
    }  
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Define o tamanho do canvas
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Define variáveis para o personagem e seus perseguidores
    var personagem = {
      x: 50,
      y: canvas.height / 2,
      width: 50,
      height: 50,
      speed: 5
    };

var perseguidores = [];
    var numPerseguidores = 5;

for (var i = 0; i < numPerseguidores; i++) {
      perseguidores.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        width: 50,
        height: 50,
        speed: Math.random() * 2 + 1
      });
    }

// Adiciona um listener para a tecla de toque na tela
    document.addEventListener("touchstart", handleTouchStart, false);
    document.addEventListener("touchmove", handleTouchMove, false);

// Variáveis para rastrear o toque na tela
    var xInicial = null;
    var yInicial = null;

// Função para lidar com o início do toque
    function handleTouchStart(event) {
      xInicial = event.touches[0].clientX;
      yInicial = event.touches[0].clientY;
    }

// Função para lidar com o movimento do toque
    function handleTouchMove(event) {
      if (!xInicial || !yInicial) {
        return;
      }

var xAtual = event.touches[0].clientX;
      var yAtual = event.touches[0].clientY;

var deltaX = xInicial - xAtual;
      var deltaY = yInicial - yAtual;

// Move o personagem com base no deslocamento do toque
      personagem.x -= deltaX;
      personagem.y -= deltaY;

// Mantém o personagem dentro dos limites do canvas
      if (personagem.x < 0) {
        personagem.x = 0;
      }
      if (personagem.y < 0) {
        personagem.y = 0;
      }
      if (personagem.x + personagem.width > canvas.width) {
        personagem.x = canvas.width - personagem.width;
      }
      if (personagem.y + personagem.height > canvas.height) {
        personagem.y = canvas.height - personagem.height;
      }

xInicial = xAtual;
      yInicial = yAtual;

event.preventDefault();
    }

// Função para verificar a colisão entre dois retângulos
    function verificarColisao(retangulo1, retangulo2) {
      if (retangulo1.x < retangulo2.x + retangulo2.width &&
        retangulo1.x + retangulo1.width > retangulo2.x &&
        retangulo1.y < retangulo2.y + retangulo2.height &&
        retangulo1.y + retangulo1.height > retangulo2.y) {
        return true;
      } else {
        return false;
      }
    }

// Função para atualizar a lógica do jogo
    function atualizar() {
      // Move os perseguidores em direção ao personagem
      for (var i = 0; i < numPerseguidores; i++) {
        var perseguidor = perseguidores[i];

if (personagem.x < perseguidor.x) {
          perseguidor.x -= perseguidor.speed;
        } else {
          perseguidor.x += perseguidor.speed;
        }

if (personagem.y < perseguidor.y) {
          perseguidor.y -= perseguidor.speed;
        } else {
          perseguidor.y += perseguidor.speed;
        }

// Verifica colisão entre perseguidores e personagem
        if (verificarColisao(personagem, perseguidor)) {
          // GAME OVER
          alert("Você foi pego pelos perseguidores! Fim de jogo.");
          location.reload();
        }
      }
    }

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

// Desenha o personagem
      context.fillStyle = "blue";
      context.fillRect(personagem.x, personagem.y, personagem.width, personagem.height);

// Desenha os perseguidores
      context.fillStyle = "red";
      for (var i = 0; i < numPerseguidores; i++) {
        var perseguidor = perseguidores[i];
        context.fillRect(perseguidor.x, perseguidor.y, perseguidor.width, perseguidor.height);
      }
    }

// Função de loop do jogo
    function loop() {
      atualizar();
      desenhar();

requestAnimationFrame(loop);
    }

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