Crie um jogo onde você espera a Lua's game

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

No:35928

122

←

Prev Next

→

Crie um jogo onde você espera a Lua
Developer User16419｜Date and time 24/1/16 4:03:40
Build time 9.439 sec｜Game capacity 1.943KB｜

Script

Toque na tela para esperar a Lua...

Neste jogo simples, você precisa tocar na tela para "esperar" a Lua aparecer. O jogo é projetado para ser jogado em um smartphone. Quando você toca na tela, a Lua começa a girar e uma mensagem é exibida indicando que você está esperando. Após 10 segundos, a animação pára e uma nova mensagem é exibida informando que a Lua chegou. Em seguida, você pode tocar novamente para continuar esperando.

←

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 da Lua</title>
  <style>
    body {
      background-color: #000;
    }
    
    #moon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 200px;
      height: 200px;
      background-image: url('moon.png');
      background-size: cover;
      border-radius: 50%;
    }
    
    #message {
      position: absolute;
      top: 30px;
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="moon"></div>
  <div id="message">Toque na tela para esperar a Lua...</div>

var waitCount = 0;
      var maxWaitCount = 10;

function startWaiting() {
        moon.style.animation = "rotate 2s linear infinite";
        message.textContent = "Aguardando...";

setTimeout(function() {
          stopWaiting();
        }, maxWaitCount * 1000);
      }

function stopWaiting() {
        moon.style.animation = "none";
        message.textContent = "Lua chegou! Toque novamente para continuar...";
        waitCount = 0;
        moon.removeEventListener("click", stopWaiting);
        moon.addEventListener("click", startWaiting);
      }

moon.addEventListener("click", startWaiting);
    });
  </script>
</body>
</html>
```