Um jogo de cima onde se joga com 1 cavaleiro e a cada 4 fases enfrentando esqueletos numa dungeons no 5 aparecia um chefão's game

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

No:22937

←

Prev Next

→

Um jogo de cima onde se joga com 1 cavaleiro e a c..ALL
Developer User10609｜Date and time 23/10/26 21:37:39
Build time 128.23 sec｜Game capacity 4.685KB｜

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>Jogo de Cavaleiro vs Esqueletos</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="game" width="800" height="500"></canvas>

function getRandomInt(min, max) {
      min = Math.ceil(min);
      max = Math.floor(max);
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

// Define os objetos do jogo
    const knight = {
      x: 50,
      y: 225,
      width: 50,
      height: 50,
      speed: 5,
      isMovingUp: false,
      isMovingDown: false
    };

const skeleton = {
      x: 750,
      y: 225,
      width: 50,
      height: 50,
      speed: 2,
      direction: getRandomInt(0, 1) === 0 ? "up" : "down"
    };

const boss = {
      x: 750,
      y: 225,
      width: 100,
      height: 100,
      speed: 2,
      isMovingUp: false,
      isMovingDown: false
    };

// Configura o canvas e o contexto
    const canvas = document.getElementById("game");
    const ctx = canvas.getContext("2d");

// Função para atualizar os objetos e desenhar o jogo na tela
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Movimenta o cavaleiro de acordo com as teclas pressionadas
      if (knight.isMovingUp && knight.y > 0) {
        knight.y -= knight.speed;
      }
      if (knight.isMovingDown && knight.y + knight.height < canvas.height) {
        knight.y += knight.speed;
      }

// Movimenta o esqueleto em direção ao cavaleiro
      if (skeleton.direction === "up") {
        if (skeleton.y > knight.y && skeleton.y > 0) {
          skeleton.y -= skeleton.speed;
        } else {
          skeleton.direction = "down";
        }
      } else {
        if (skeleton.y < knight.y && skeleton.y + skeleton.height < canvas.height) {
          skeleton.y += skeleton.speed;
        } else {
          skeleton.direction = "up";
        }
      }

// Colisão entre o cavaleiro e o esqueleto
      if (isOverlap(knight, skeleton)) {
        alert("Game Over! Você foi atingido pelo esqueleto.");
        resetGame();
        return;
      }

// Desenha o cavaleiro
      ctx.fillStyle = "blue";
      ctx.fillRect(knight.x, knight.y, knight.width, knight.height);

// Desenha o esqueleto
      ctx.fillStyle = "red";
      ctx.fillRect(skeleton.x, skeleton.y, skeleton.width, skeleton.height);

// Desenha o chefe quando o jogador chega na fase 5
      if (currentLevel === 5) {
        // Movimenta o chefe de acordo com as teclas pressionadas
        if (boss.isMovingUp && boss.y > 0) {
          boss.y -= boss.speed;
        }
        if (boss.isMovingDown && boss.y + boss.height < canvas.height) {
          boss.y += boss.speed;
        }

// Colisão entre o cavaleiro e o chefe
        if (isOverlap(knight, boss)) {
          alert("Você venceu! Parabéns por derrotar o chefe!");
          resetGame();
          return;
        }

// Desenha o chefe
        ctx.fillStyle = "green";
        ctx.fillRect(boss.x, boss.y, boss.width, boss.height);
      }

requestAnimationFrame(update);
    }

// Reinicia o jogo
    function resetGame() {
      currentLevel = 1;
      knight.x = 50;
      knight.y = 225;
      skeleton.x = 750;
      skeleton.y = 225;
      skeleton.direction = getRandomInt(0, 1) === 0 ? "up" : "down";
      boss.x = 750;
      boss.y = 225;
      boss.isMovingUp = false;
      boss.isMovingDown = false;
      knight.isMovingUp = false;
      knight.isMovingDown = false;
    }

// Inicia o jogo
    let currentLevel = 1;
    alert("Bem-vindo ao Jogo de Cavaleiro vs Esqueletos!");

// Configura as teclas pressionadas para movimentar o cavaleiro
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowUp") {
        knight.isMovingUp = true;
      } else if (event.key === "ArrowDown") {
        knight.isMovingDown = true;
      }
    });

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