Make a game that you have to jump obstacles and get the highest score's game

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

No:11086

←

Prev Next

→

Make a game that you have to jump obstacles and ge..ALL
Developer unknown｜Date and time 23/8/7 21:09:02
Build time 25.022 sec｜Game capacity 2.833KB｜

Script

Sure! Here's an example of a simple game where you have to jump over obstacles and try to get the highest score:

To play the game, open this HTML file in a web browser on your smartphone. The game will display a player as a black rectangle at the bottom of the screen. Tap anywhere on the screen to make the player jump over the obstacles, which are represented by gray rectangles moving from right to left. The objective is to jump as many obstacles as possible and get the highest score indicated at the top left corner of the screen. Enjoy the game!

←

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 where you have to jump over obstacles and try to get the highest score:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jumping Game</title>
  <style>
    /* CSS to style the game */
    body {
      overflow: hidden;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f8f8f8;
      font-family: sans-serif;
    }
    #game {
      position: relative;
      width: 300px;
      height: 300px;
      border: 1px solid #ddd;
    }
    #player {
      position: absolute;
      bottom: 0;
      left: 50px;
      width: 50px;
      height: 50px;
      background-color: #333;
      transition: transform 0.2s;
      z-index: 1;
    }
    .obstacle {
      position: absolute;
      bottom: 0;
      width: 50px;
      height: 100px;
      background-color: #999;
      animation: moveObstacle 3s linear infinite;
    }
    @keyframes moveObstacle {
      0% {
        transform: translateX(100%);
      }
      100% {
        transform: translateX(-50px);
      }
    }
    #score {
      position: absolute;
      top: 10px;
      left: 10px;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
  </div>

game.addEventListener('click', function () {
      if (!playerJumping) {
        playerJumping = true;
        player.style.transform = 'translateY(-100px)';

// Delay the jump for 500 milliseconds
        setTimeout(function () {
          player.style.transform = 'translateY(0)';
          playerJumping = false;
        }, 500);
      }
    });

function increaseScore() {
      score++;
      scoreElement.innerText = 'Score: ' + score;
    }

// Generate obstacles every second
    setInterval(function () {
      var obstacle = document.createElement('div');
      obstacle.classList.add('obstacle');
      obstacle.style.left = game.offsetWidth + 'px';
      obstacle.addEventListener('animationiteration', increaseScore);
      game.appendChild(obstacle);
    }, 1000);
  </script>
</body>
</html>
```

The objective is to jump as many obstacles as possible and get the highest score indicated at the top left corner of the screen. Enjoy the game!