Tap tap run make it good's game

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

No:18877

←

Prev Next

→

Tap tap run make it good
Developer User8295｜Date and time 23/10/1 0:28:06
Build time 10.402 sec｜Game capacity 2.869KB｜

Script

Sure! Here's an example of a simple game called "Tap Tap Run" implemented as a single HTML file using JavaScript and pictograms:

Score: 0

In this game, pictograms (represented by emojis) will appear from the bottom of the screen and move towards the top. The player's objective is to tap on the pictograms before they reach the top to earn points. The game will keep track of the player's score, and they can start the game by tapping on the "Tap Tap Run" button. Note: This is a simple example to illustrate the game mechanics. You can further enhance it, add levels, timers, or additional features to make it more engaging if desired.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of a simple game called "Tap Tap Run" implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Tap Tap Run</title>
    <style>
      #game-canvas {
        width: 100vw;
        height: 100vh;
        background-color: #f8f8f8;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 80px;
      }
    </style>
  </head>
  <body>
    <script>
      // Game variables
      let score = 0;
      let running = false;

// Function to start the game
      function startGame() {
        if (!running) {
          running = true;
          score = 0;
          updateScore();

// Add pictogram images
          const pictograms = ["🏃‍♂️", "🏃‍♀️", "🚶‍♂️", "🚶‍♀️", "🏃"];
          const gameCanvas = document.getElementById("game-canvas");

// Generate pictogram every second
          setInterval(() => {
            const pictogram = pictograms[Math.floor(Math.random() * pictograms.length)];
            const pictogramElement = document.createElement("span");
            pictogramElement.textContent = pictogram;
            gameCanvas.appendChild(pictogramElement);
            movePictogram(pictogramElement);
          }, 1000);
        }
      }

// Function to move the pictogram towards the top
      function movePictogram(pictogramElement) {
        let topPosition = 100;
        const moveInterval = setInterval(() => {
          if (topPosition > -100) {
            topPosition -= 10;
            pictogramElement.style.top = topPosition + "vh";
          } else {
            clearInterval(moveInterval);
            gameCanvas.removeChild(pictogramElement);
          }
        }, 100);
      }

// Function to update the score
      function updateScore() {
        const scoreElement = document.getElementById("score");
        scoreElement.textContent = score;
      }

// Function to handle when a pictogram is clicked
      function pictogramClicked() {
        if (running) {
          score++;
          updateScore();
        }
      }
    </script>
    <div id="game-canvas">
      <button onclick="startGame()">Tap Tap Run</button>
      <br />
      <br />
      Score: <span id="score">0</span>
    </div>
  </body>
</html>
```

Note: This is a simple example to illustrate the game mechanics. You can further enhance it, add levels, timers, or additional features to make it more engaging if desired.