Generates 52 dirt per hour's game

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

No:29054

←

Prev Next

→

Generates 52 dirt per hour
Developer User14196｜Date and time 23/12/15 17:17:23
Build time 26.395 sec｜Game capacity 2.318KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. The game involves collecting dirt by tapping on the screen. It's optimized for smartphone operation and uses pictograms.

pig oink
steve head

Dirt Collected: 0

In this game, a dirt pictogram is shown on the screen, and you can tap on it to collect dirt. The dirt count is displayed at the top of the screen and updates automatically whenever you collect dirt. By default, the dirt generation is not implemented as per the provided statement, but you can manually increment the dirt count to simulate dirt generation over time. Feel free to modify the game as needed!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript. The game involves collecting dirt by tapping on the screen. It's optimized for smartphone operation and uses pictograms.

```htmlpig oink 
<!DOCTYPE html>
<html>
<head>steve head
  <title>Dirt Collector</title>
  <style>
    /* CSS for game UI */
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
    }

#game-container {
      background-color: lightgray;
      padding: 20px;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

#dirt-count {
      font-size: 24px;
      margin-bottom: 10px;
    }

#dirt-pile {
      width: 70px;
      height: 70px;
      background-image: url('dirt.png'); /* Assuming a dirt pictogram image named dirt.png */
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="dirt-count">
      Dirt Collected: 0
    </div>
    <div id="dirt-pile"></div>

// Variables to store game state
      let dirtCollected = 0;

// Function to update dirt count on the screen
      function updateDirtCount() {
        const dirtCountElement = document.getElementById('dirt-count');
        dirtCountElement.textContent = `Dirt Collected: ${dirtCollected}`;
      }

// Event listener for tapping on the dirt pile
      const dirtPile = document.getElementById('dirt-pile');
      dirtPile.addEventListener('click', () => {
        dirtCollected++;
        updateDirtCount();
      });

// Initial setup
      updateDirtCount();
    </script>
  </div>
</body>
</html>
```