Jogo de explorar luas's game

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

No:35972

←

Prev Next

→

Jogo de explorar luas
Developer User16419｜Date and time 24/1/16 5:35:53
Build time 8.946 sec｜Game capacity 2.056KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>

<head>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
  </style>
</head>

const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    const tileSize = 32; // tamanho do tile

let selectedLua = null; // lua selecionada pelo jogador

// Função para desenhar o jogo
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar as luas
      luas.forEach(function(lua) {
        ctx.fillStyle = selectedLua === lua ? "#ff0000" : "#0000ff";
        ctx.fillRect(lua.x, lua.y, tileSize, tileSize);
      });

// Desenhar a mensagem para o jogador
      ctx.fillStyle = "#000";
      ctx.font = "20px Arial";
      ctx.fillText("Toque em uma lua para explorar!", 50, canvas.height - 20);
    }

// Função para verificar se o jogador acertou uma lua
    function checkCollision(mouseX, mouseY) {
      for (let i = 0; i < luas.length; i++) {
        const lua = luas[i];

if (
          mouseX > lua.x &&
          mouseX < lua.x + tileSize &&
          mouseY > lua.y &&
          mouseY < lua.y + tileSize
        ) {
          return lua;
        }
      }

return null;
    }

// Função para atualizar o jogo
    function update() {
      draw();
    }

// Função para lidar com os eventos de clique
    function handleClick(event) {
      const rect = canvas.getBoundingClientRect();
      const mouseX = event.clientX - rect.left;
      const mouseY = event.clientY - rect.top;

selectedLua = checkCollision(mouseX, mouseY);
    }

// Adicionando o listener de clique ao canvas
    canvas.addEventListener("click", handleClick);

// Iniciando o loop do jogo
    setInterval(update, 1000 / 60);
  </script>
</body>

</html>