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

No:9911

171

←

Prev Next

→

Dancing dinosaur
Developer User4443｜Date and time 23/7/28 7:21:42
Build time 14.679 sec｜Game capacity 2.016KB｜

Script

Dancing Dinosaur Game

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
   <title>Dancing Dinosaur Game</title>
   <style>
      body {
         text-align: center;
      }
      #dinosaur {
         width: 200px;
         height: 200px;
         margin-top: 50px;
         background-image: url('dinosaur.png');
         background-size: cover;
         animation-name: dance;
         animation-duration: 2s;
         animation-iteration-count: infinite;
         animation-timing-function: linear;
      }

@keyframes dance {
         0% { transform: rotate(0deg) scale(1); }
         25% { transform: rotate(-10deg) scale(1.1); }
         50% { transform: rotate(0deg) scale(1); }
         75% { transform: rotate(10deg) scale(1.1); }
         100% { transform: rotate(0deg) scale(1); }
      }
   </style>
</head>
<body>
   <h1>Dancing Dinosaur Game</h1>
   <div id="dinosaur"></div>

// Function to handle tap event on mobile devices
      function handleTapEvent() {
         var dinosaur = document.getElementById("dinosaur");
         dinosaur.style.animationPlayState = "paused";

setTimeout(function() {
            dinosaur.style.animationPlayState = "running";
         }, 1000);
      }

// Main function to start the game
      function startGame() {
         if (isMobileDevice()) {
            // If mobile device, enable tap event handling
            document.addEventListener("touchstart", handleTapEvent, false);
         } else {
            // If not a mobile device, display instructions to use touch events
            var instructions = document.createElement("p");
            instructions.innerHTML = "Tap or click on the dinosaur to make it dance!";
            document.body.appendChild(instructions);
         }
      }

// Start the game
      startGame();
   </script>
</body>
</html>