Just it tap to jump hold to still jump and if it touch spike its die's game

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

No:31875

←

Prev Next

→

Just it tap to jump hold to still jump and if it t..ALL
Developer User15262｜Date and time 23/12/28 19:25:38
Build time 31.962 sec｜Game capacity 3.441KB｜

Script

Sure! Here's an example of a simple game where you tap to make a character jump, hold to keep jumping, and touching spikes results in a game over. The game is implemented as a single HTML file with JavaScript code enclosed in script tags:

Score: 0

To play the game, simply save the above code as an HTML file (e.g., "game.html") and open it in a web browser or a smartphone's web browser. Tap or click to make the character jump, hold to keep jumping, and avoid touching the red spike. The score is displayed at the top. When you touch the spike, a game over alert will appear showing your final score.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jump and Avoid</title>
  <style>
    #game {
      width: 400px;
      height: 400px;
      position: relative;
      border: 1px solid black;
    }
    #character {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      bottom: 0;
    }
    #spike {
      width: 20px;
      height: 60px;
      background-color: red;
      position: absolute;
      top: 0;
    }
    #score {
      text-align: center;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="character"></div>
    <div id="spike"></div>
  </div>
  <div id="score">Score: 0</div>

var gravity = 2;
    var jumpForce = 30;
    var score = 0;
    var isJumping = false;

game.addEventListener("mousedown", function() {
      isJumping = true;
      jump();
    });

game.addEventListener("mouseup", function() {
      isJumping = false;
    });

function gameLoop() {
      // Move the spike towards the character
      var spikeLeft = parseInt(spike.style.left);
      spike.style.left = spikeLeft - 5 + "px";

// Check if spike collides with character
      if (isColliding(spike, character)) {
        gameOver();
        return;
      }

// Check if spike has passed the character and increase score
      if (spikeLeft < -20) {
        score++;
        scoreElement.innerHTML = "Score: " + score;
        spike.style.left = "400px";
      }

// Apply gravity to the character
      var characterBottom = parseInt(character.style.bottom);
      var newBottom = characterBottom - gravity;
      if (newBottom >= 0 && !isJumping) {
        character.style.bottom = newBottom + "px";
      }

requestAnimationFrame(gameLoop);
    }

function gameOver() {
      alert("Game Over! Your score is: " + score);
      // Reset the game here if desired
    }

function isColliding(element1, element2) {
      var rect1 = element1.getBoundingClientRect();
      var rect2 = element2.getBoundingClientRect();
      return !(rect1.right < rect2.left || 
               rect1.left > rect2.right || 
               rect1.bottom < rect2.top || 
               rect1.top > rect2.bottom);
    }

// Start the game loop
    requestAnimationFrame(gameLoop);
  </script>
</body>
</html>
```