AI game creator

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

No:45357

←

Prev Next

→

0>Fruity chops game
Developer WinnerWiener1332｜Date and time 24/2/20 12:38:15
Build time 6.001 sec｜Game capacity 1.502KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<html>
  <head>
    <title>Fruity Chops Game</title>
    <style>
      #basket {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 100px;
        background-image: url('basket.png');
        background-size: cover;
      }
      
      .fruit {
        position: absolute;
        top: 0;
        width: 50px;
        height: 50px;
        background-size: cover;
        animation: fall 5s linear infinite;
      }
      
      @keyframes fall {
        0% {
          top: 0;
        }
        100% {
          top: 100vh;
        }
      }
    </style>
  </head>
  <body>
    <div id="basket"></div>
    
    <script>
      let score = 0;
      const fruits = ['apple.png', 'banana.png', 'orange.png'];
      
      function randomFruit() {
        const randomIndex = Math.floor(Math.random() * fruits.length);
        return fruits[randomIndex];
      }
      
      function createFruit() {
        const fruit = document.createElement('div');
        fruit.classList.add('fruit');
        fruit.style.left = `${Math.random() * 90}vw`;
        fruit.style.backgroundImage = `url('${randomFruit()}')`;
        fruit.addEventListener('click', () => {
          fruit.remove();
          score++;
          console.log(`Score: ${score}`);
        });
        document.body.appendChild(fruit);
      }
      
      setInterval(() => {
        createFruit();
      }, 1000);
    </script>
  </body>
</html>