Destrua o Logotipo da 20th Century Fox! (Fliperama)'s game

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

No:27004

←

Prev Next

→

Destrua o Logotipo da 20th Century Fox! (Fliperama..ALL
Developer User13367｜Date and time 23/12/3 22:06:05
Build time 55.535 sec｜Game capacity 2.489KB｜

Script

Neste jogo simples, você deve destruir o logotipo da 20th Century Fox clicando nele. O logotipo é exibido no centro do canvas e, quando você acerta um clique nele, a mensagem "Você destruiu o logotipo!" é exibida. O jogo continuará até que você destrua o logotipo clicando nele.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Destrua o Logotipo da 20th Century Fox!</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Carregando a imagem do logotipo
    const logoImage = new Image();
    logoImage.src = "20thcenturyfox_logo.png";

// Declarando variáveis para controlar o jogo
    let logoX = 200; // Posição X do logotipo
    let logoY = 120; // Posição Y do logotipo
    let isLogoDestroyed = false; // Verifica se o logotipo foi destruído

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

if (!isLogoDestroyed) {
        // Desenha o logotipo no canvas
        context.drawImage(logoImage, logoX, logoY);
      } else {
        // Exibe mensagem de vitória
        context.font = "24px Arial";
        context.fillText("Você destruiu o logotipo!", 110, 160);
      }
    }

// Função para verificar se o logotipo foi clicado
    function logoClickHandler(event) {
      if (!isLogoDestroyed) {
        // Obtém as coordenadas do click
        const clickX = event.clientX - canvas.offsetLeft;
        const clickY = event.clientY - canvas.offsetTop;

// Verifica se o click ocorreu dentro do logotipo
        if (
          clickX >= logoX &&
          clickX <= logoX + logoImage.width &&
          clickY >= logoY &&
          clickY <= logoY + logoImage.height
        ) {
          // Logotipo foi destruído!
          isLogoDestroyed = true;
        }
      }
    }

// Adiciona o evento de click ao canvas
    canvas.addEventListener("click", logoClickHandler, false);

// Função principal do jogo
    function gameLoop() {
      draw(); // Redesenha o canvas

if (!isLogoDestroyed) {
        requestAnimationFrame(gameLoop); // Chama a função novamente para criar uma animação fluida
      }
    }

// Inicialização do jogo
    logoImage.onload = function () {
      gameLoop();
    };
  </script>
</body>
</html>