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

No:29556

←

Prev Next

→

象を飛ばす
Developer User14508｜Date and time 23/12/17 13:18:00
Build time 15.328 sec｜Game capacity 1.841KB｜

Script

Elephant Toss

Touch anywhere on the screen to toss the elephant!

🐘

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Elephant Toss</title>
    <style>
      body {
        text-align: center;
      }
      #elephant {
        font-size: 40px;
        margin-top: 200px;
      }
    </style>
  </head>
  <body>
    <h1>Elephant Toss</h1>
    <p>Touch anywhere on the screen to toss the elephant!</p>
    <p id="elephant">🐘</p>

function tossElephant() {
        // Generate random angles for the vertical and horizontal velocities
        var verticalVelocity = Math.random() * 10 + 10; // between 10 and 20
        var horizontalVelocity = Math.random() * 10 - 5; // between -5 and 5

// Start the animation loop
        var animation = setInterval(moveElephant, 50); // 50 milliseconds interval

function moveElephant() {
          // Update the elephant's position based on the velocities
          var currentTop = parseInt(elephant.style.marginTop.replace("px", ""));
          var currentLeft = parseInt(elephant.style.marginLeft.replace("px", ""));
          var newTop = currentTop - verticalVelocity;
          var newLeft = currentLeft + horizontalVelocity;

// Check if the elephant has touched the top or side boundaries
          if (newTop < -100 || newLeft < -100 || newLeft > window.innerWidth) {
            clearInterval(animation); // Stop the animation
            alert("Elephant flew away!"); // Game over message
            elephant.style.marginTop = "200px"; // Reset the elephant's position
          } else {
            // Update the elephant's position
            elephant.style.marginTop = newTop + "px";
            elephant.style.marginLeft = newLeft + "px";
          }
        }
      }
    </script>
  </body>
</html>