Collect the apples who falls in the tree's game

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

No:36778

←

Prev Next

→

Collect the apples who falls in the tree
Developer User16822｜Date and time 24/1/18 10:35:36
Build time 8.684 sec｜Game capacity 2.021KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Recoge las manzanas</title>
  <style>
    #tree {
      width: 200px;
      height: 400px;
      background-color: brown;
      margin: 0 auto;
      position: relative;
    }

#basket {
      width: 50px;
      height: 50px;
      background-color: gray;
      position: absolute;
      bottom: 0;
      left: 75px;
    }

#apple {
      width: 30px;
      height: 30px;
      background-color: red;
      position: absolute;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>
  <div id="tree"></div>
  <div id="basket"></div>

tree.addEventListener("click", function() {
      let apple = document.createElement("div");
      apple.className = "apple";
      apple.style.left = getRandomPosition(150) + 'px'; // Randomly position the apple
      tree.appendChild(apple);

moveApple(apple);
    });

function moveApple(apple) {
      let position = 0;
      let fallSpeed = Math.floor(Math.random() * 10) + 1; // Random fall speed between 1 and 10

function isInsideBasket(apple) {
      let appleRect = apple.getBoundingClientRect();
      let basketRect = basket.getBoundingClientRect();

return (
        appleRect.top >= basketRect.top &&
        appleRect.left >= basketRect.left &&
        appleRect.right <= basketRect.right
      );
    }

function getRandomPosition(max) {
      return Math.floor(Math.random() * max);
    }
  </script>
</body>
</html>