Game title:Dooz missle launch event Tap the rocket to make it fly into the sky then click the 🛑 button make the rocket 💥 when the rocket 💥 it summons six 🔥 in random places's game

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

No:27945

←

Prev Next

→

Game title:Dooz missle launch event Tap the rocke..ALL
Developer Dooz studio｜Date and time 23/12/10 7:00:48
Build time 18.704 sec｜Game capacity 2.773KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<html>
<head>
   <title>Dooz Missile Launch Event</title>
   <style>
      #rocket {
         width: 100px;
         height: 200px;
         background-color: red;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
         margin-top: 50px;
      }
      
      .fire {
         width: 20px;
         height: 20px;
         background-color: yellow;
         position: absolute;
         border-radius: 50%;
         opacity: 0;
      }
      
      #stopBtn {
         margin-top: 20px;
         font-size: 20px;
      }
   </style>
</head>
<body>
   <div id="rocket"></div>
   <button id="stopBtn">🛑 Stop Missile Launch</button>

function startLaunch() {
         rocket.addEventListener("click", launchRocket);
         stopBtn.addEventListener("click", stopRocket);

interval = setInterval(function() {
            if (!gameOver) {
               createFireworks();
            }
         }, 1000);
      }

function launchRocket() {
         rocket.style.transform = "translateY(-500px)";

setTimeout(function() {
            rocket.style.transform = "translateY(0px)";
         }, 1000);
      }

function createFireworks() {
         if (!gameOver) {
            var fires = document.getElementsByClassName("fire");
            if (fires.length === 6) {
               clearInterval(interval);
               gameOver = true;
               return;
            }

var fire = document.createElement("div");
            fire.className = "fire";
            var randomLeft = Math.floor(Math.random() * window.innerWidth);
            var randomTop = Math.floor(Math.random() * window.innerHeight);
            fire.style.left = randomLeft + "px";
            fire.style.top = randomTop + "px";

fire.addEventListener("click", explodeFirework);

document.body.appendChild(fire);
            setTimeout(function() {
               fire.style.opacity = 1;
            }, 100);
         }
      }

function explodeFirework(e) {
         var fire = e.target;
         fire.style.background = "orange";
         fire.style.transform = "scale(1.2)";
         fire.style.opacity = "0";

setTimeout(function() {
            fire.parentNode.removeChild(fire);
         }, 500);
      }

function stopRocket() {
         clearInterval(interval);
         gameOver = true;
         var fires = document.getElementsByClassName("fire");
         while (fires.length > 0) {
            fires[0].parentNode.removeChild(fires[0]);
         }
      }

startLaunch();
   </script>
</body>
</html>