A game where you have to tap continuously to escape from a crusher's game

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

No:23600

←

Prev Next

→

A game where you have to tap continuously to escap..ALL
Developer User11046｜Date and time 23/11/2 2:41:46
Build time 41.592 sec｜Game capacity 2.35KB｜

Script

Sure! Here's an example of a simple game where the player needs to tap continuously to escape from a crusher. The game is implemented in a single HTML file, enclosed in script tags and written in JavaScript. It uses tap events for smartphone operation and includes pictograms for visual representation.

To play the game, open the HTML file with a browser on your smartphone. The game starts when you tap the screen for the first time. You have to continuously tap on the screen to move the crusher upward. If the crusher reaches the bottom of the screen before you tap enough times, it's game over. The crusher's speed increases every 10 taps, making it more challenging to escape. Feel free to customize the game's appearance and behavior according to your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    #crusher {
      position: absolute;
      width: 100px;
      height: 100px;
      background: gray;
      border: 5px solid black;
    }
  </style>
</head>
<body>
  <script>
    // Game logic
    const crusherElement = document.getElementById('crusher');
    let distanceFromTop = 0;
    let tapCount = 0;
    let isGameStarted = false;
  
    // Function to continuously move the crusher downward
    function moveCrusher() {
      if (isGameStarted) {
        distanceFromTop += 10;
        crusherElement.style.top = distanceFromTop + 'px';
        
        if (distanceFromTop < window.innerHeight - crusherElement.clientHeight) {
          requestAnimationFrame(moveCrusher);
        } else {
          document.removeEventListener('touchstart', handleTap);
          alert('Game Over! Crusher caught you.');
        }
      }
    }
  
    // Function to handle tap event
    function handleTap() {
      tapCount++;
  
      // Start the game on the first tap
      if (!isGameStarted) {
        isGameStarted = true;
        requestAnimationFrame(moveCrusher);
      }
  
      // Increase the difficulty by increasing the crusher's speed
      if (tapCount % 10 === 0) {
        crusherElement.style.animationDuration = parseFloat(crusherElement.style.animationDuration) - 0.2 + 's';
      }
    }
  
    // Main program
    document.addEventListener('touchstart', handleTap);
  </script>
  
  <div id="crusher"></div>
</body>
</html>
```

Feel free to customize the game's appearance and behavior according to your preferences.