A game where there are fruits falling from the top and you control a basket, you need to collect apples only's game

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

No:18416

←

Prev Next

→

A game where there are fruits falling from the top..ALL
Developer User8155｜Date and time 23/9/29 7:18:34
Build time 28.871 sec｜Game capacity 3.266KB｜

Script

Sure! Here's a simple implementation of the game you described using HTML, CSS, and JavaScript:

In the above code, the falling fruits are represented by the "emozi_all/apple.png" image, and the basket is represented by the "emozi_all/basket.png" image. You can replace these images with pictograms of your choice. The game starts when the user touches the game container, and the basket can be controlled by swiping left or right on the screen. The game speed increases with the score, and the game ends when the score reaches 10. The score is shown in an alert dialog at the end of the game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the game you described using HTML, CSS, and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game-container {
      width: 300px;
      height: 300px;
      position: relative;
      border: 1px solid black;
    }

#basket {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 10px;
      left: 125px;
      background-image: url("basket.png");
      background-size: contain;
    }

.fruit {
      width: 30px;
      height: 30px;
      position: absolute;
      top: -30px;
      left: 0;
      background-image: url("apple.png");
      background-size: contain;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="basket"></div>
  </div>

function moveBasket(e) {
      var posX = e.touches[0].clientX - gameContainer.getBoundingClientRect().left;
      basket.style.left = posX - basket.offsetWidth / 2 + "px";
    }

function createFruit() {
      var fruit = document.createElement("div");
      fruit.classList.add("fruit");
      fruit.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth - 30)) + "px";
      gameContainer.appendChild(fruit);

var fallInterval = setInterval(function() {
        var fruitRect = fruit.getBoundingClientRect();
        var basketRect = basket.getBoundingClientRect();

if (fruitRect.bottom >= basketRect.top && fruitRect.right >= basketRect.left && fruitRect.left <= basketRect.right) {
          // Fruit caught
          clearInterval(fallInterval);
          gameContainer.removeChild(fruit);
          score++;
        } else if (fruitRect.bottom >= gameContainer.offsetHeight) {
          // Fruit missed
          clearInterval(fallInterval);
          gameContainer.removeChild(fruit);
        }

if (score < 10) {
          // Increase fruit falling speed as score increases
          var speed = 1 + Math.floor(score / 2);
          fruit.style.top = fruitRect.top + speed + "px";
        } else {
          // Game over
          clearInterval(fallInterval);
          alert("Game over! Your score: " + score);
          resetGame();
        }
      }, 10);
    }

function resetGame() {
      while (gameContainer.firstChild) {
        gameContainer.removeChild(gameContainer.firstChild);
      }
      score = 0;
    }

// Start game on touch event
    gameContainer.addEventListener("touchstart", function() {
      createFruit();
    });

// Move basket on touchmove event
    gameContainer.addEventListener("touchmove", function(e) {
      moveBasket(e);
    });

</script>
</body>
</html>
```

In the above code, the falling fruits are represented by the "apple.png" image, and the basket is represented by the "basket.png" image. You can replace these images with pictograms of your choice. The game starts when the user touches the game container, and the basket can be controlled by swiping left or right on the screen. The game speed increases with the score, and the game ends when the score reaches 10. The score is shown in an alert dialog at the end of the game.