Man walking for fores figthing dragons with a golden sword but the sword break and we need to find it back by escaping and dodging enemyes in a 2d map full of plants and trees with the golden sword in the background's game

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

No:26524

102

←

Prev Next

→

Man walking for fores figthing dragons with a gold..ALL
Developer User13169｜Date and time 23/12/1 11:36:09
Build time 71.27 sec｜Game capacity 3.28KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>O Jogo do Herói</title>
    <style>
      canvas {
        border: 1px solid #000;
        background-color: #eee;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
      // Obtendo o elemento canvas
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      
      // Definindo as dimensões do personagem
      var characterWidth = 40;
      var characterHeight = 40;
      
      // Posição inicial do personagem
      var characterX = canvas.width / 2 - characterWidth / 2;
      var characterY = canvas.height - characterHeight;
      
      // Definindo as dimensões do dragão
      var dragonWidth = 60;
      var dragonHeight = 60;
      
      // Gerando a posição aleatória do dragão
      var dragonX = Math.random() * (canvas.width - dragonWidth);
      var dragonY = Math.random() * (canvas.height - dragonHeight);
      
      // Definindo se o jogo está ativo
      var gameActive = true;
      
      // Função principal do jogo
      function gameLoop() {
        // Limpar o canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        if (gameActive) {
          // Desenhar o personagem
          ctx.fillStyle = "yellow";
          ctx.fillRect(characterX, characterY, characterWidth, characterHeight);
          
          // Desenhar o dragão
          ctx.fillStyle = "red";
          ctx.fillRect(dragonX, dragonY, dragonWidth, dragonHeight);
          
          // Verificar colisão entre o personagem e o dragão
          if (characterX < dragonX + dragonWidth &&
              characterX + characterWidth > dragonX &&
              characterY < dragonY + dragonHeight &&
              characterY + characterHeight > dragonY) {
            // O personagem encostou no dragão
            gameActive = false;
            alert("Você perdeu! O dragão te pegou.");
          }
        } else {
          // O jogo terminou
          ctx.font = "30px Arial";
          ctx.fillStyle = "black";
          ctx.fillText("Jogo terminado", canvas.width / 2 - 100, canvas.height / 2);
        }
        
        // Movimentação do personagem com base nos toques do usuário
        document.addEventListener("keydown", function(event) {
          var key = event.keyCode;
          if (key === 37) {
            // Tecla da esquerda
            characterX -= 10;
          } else if (key === 39) {
            // Tecla da direita
            characterX += 10;
          } else if (key === 38) {
            // Tecla de cima
            characterY -= 10;
          } else if (key === 40) {
            // Tecla de baixo
            characterY += 10;
          }
        });
        
        // Verificar se o personagem está fora do limite do canvas
        if (characterX < 0 || characterX > canvas.width - characterWidth || 
          characterY < 0 || characterY > canvas.height - characterHeight) {
          // O personagem saiu do limite do canvas
          gameActive = false;
          alert("Você perdeu! Você saiu do mapa.");
        }
        
        requestAnimationFrame(gameLoop);
      }
      
      gameLoop();
    </script>
  </body>
</html>