Mickey mouse entertaining little boy and the boy is drinking his mother milk and the father is going out and then start the game of running's game

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

No:27711

←

Prev Next

→

Mickey mouse entertaining little boy and the boy i..ALL
Developer User13775｜Date and time 23/12/8 12:31:56
Build time 23.92 sec｜Game capacity 2.255KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #f1f1f1;
    }

#game-container {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }

#boy {
      position: relative;
      width: 100px;
      height: 100px;
      background-size: cover;
      background-image: url("boy.png");
      animation: running 1s infinite steps(8);
    }

/* Animation to make the boy run */
    @keyframes running {
      from {
        background-position: 0 0;
      }
      to {
        background-position: 800px 0;
      }
    }

#milk {
      position: absolute;
      width: 60px;
      height: 60px;
      background-color: white;
      border-radius: 50%;
      bottom: 50%;
      left: 10px;
      transform: translateY(50%);
    }

#father {
      position: absolute;
      width: 100px;
      height: 100px;
      background-size: cover;
      background-image: url("father.png");
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="milk"></div>
    <div id="father"></div>
    <div id="boy"></div>
  </div>

// Event listener for clicking on milk bottle
    milk.addEventListener("click", function() {
      // Hide the milk bottle
      milk.style.display = "none";
    });

// Event listener for clicking on father
    father.addEventListener("click", function() {
      // Start the game
      startGame();
    });

function startGame() {
      // Move the boy towards the right
      var position = 0;
      var interval = setInterval(function() {
        position += 10;
        boy.style.left = position + "px";

// Check if the boy has reached the father
        if (position >= window.innerWidth - boy.offsetWidth) {
          clearInterval(interval);
          endGame();
        }
      }, 100);
    }

function endGame() {
      // Display game over message
      alert("Game Over! You caught the boy!");
      
      // Reset game by reloading the page
      location.reload();
    }
  </script>
</body>
</html>