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

No:39980

Jumper car 30 second Everyone produce
Developer User17926｜Date and time 24/1/31 11:06:24
Build time 14.058 sec｜Game capacity 3.536KB｜

Script

Sure! Here's a simple game called Jumper Car that can be played for 30 seconds. It is implemented as a single HTML file and contains JavaScript enclosed in script tags. The game can be played on a smartphone and uses pictograms.

Jumper Car

Tap anywhere on the screen to jump over obstacles!

To play the game: 1. Copy the above code and save it as an HTML file (e.g., `jumper_car.html`). 2. Open the HTML file on a smartphone browser. 3. Tap anywhere on the screen to make the car jump over obstacles. 4. Try to avoid colliding with the obstacles and score as high as possible within the 30-second time limit. 5. After 30 seconds, the game will end, and an alert will display your score. Enjoy playing Jumper Car!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jumper Car</title>
  <style>
    body {
      background-color: #f5f5f5;
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #game-container {
      width: 320px;
      height: 480px;
      margin: 0 auto;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }
    
    #car {
      width: 50px;
      height: 80px;
      background-color: red;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .obstacle {
      width: 50px;
      height: 50px;
      background-color: black;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Jumper Car</h1>
  <p>Tap anywhere on the screen to jump over obstacles!</p>
  <div id="game-container">
    <div id="car"></div>
  </div>
  
  <script>
    var gameContainer = document.getElementById("game-container");
    var car = document.getElementById("car");
    var score = 0;
    var timer;
    
    function startGame() {
      resetGame();
      timer = setInterval(updateGame, 1000);
      gameContainer.addEventListener("click", jumpCar);
    }
    
    function resetGame() {
      score = 0;
      car.style.bottom = "0px";
      gameContainer.innerHTML = '<div id="car"></div>';
    }
    
    function updateGame() {
      var obstacle = document.createElement("div");
      obstacle.className = "obstacle";
      obstacle.style.left = Math.random() * (gameContainer.offsetWidth - 50) + "px";
      gameContainer.appendChild(obstacle);
      
      setInterval(function() {
        obstacle.style.top = obstacle.offsetTop + 10 + "px";
        
        if (obstacle.offsetTop > gameContainer.offsetHeight) {
          obstacle.remove();
        }
        
        if (isColliding(obstacle, car)) {
          endGame();
        }
      }, 50);
      
      score++;
    }
    
    function jumpCar() {
      car.style.bottom = "100px";
      setTimeout(function() {
        car.style.bottom = "0px";
      }, 500);
    }
    
    function isColliding(obstacle, car) {
      var carTop = car.offsetTop;
      var carBottom = carTop + car.offsetHeight;
      var carLeft = car.offsetLeft;
      var carRight = carLeft + car.offsetWidth;
      
      var obstacleTop = obstacle.offsetTop;
      var obstacleBottom = obstacleTop + obstacle.offsetHeight;
      var obstacleLeft = obstacle.offsetLeft;
      var obstacleRight = obstacleLeft + obstacle.offsetWidth;
      
      return (
        carBottom >= obstacleTop &&
        carTop <= obstacleBottom &&
        carRight >= obstacleLeft &&
        carLeft <= obstacleRight
      );
    }
    
    function endGame() {
      clearInterval(timer);
      gameContainer.removeEventListener("click", jumpCar);
      alert("Game over! Your score: " + score);
    }
    
    startGame();
  </script>
</body>
</html>
```

To play the game:
1. Copy the above code and save it as an HTML file (e.g., `jumper_car.html`).
2. Open the HTML file on a smartphone browser.
3. Tap anywhere on the screen to make the car jump over obstacles.
4. Try to avoid colliding with the obstacles and score as high as possible within the 30-second time limit.
5. After 30 seconds, the game will end, and an alert will display your score.

Enjoy playing Jumper Car!