AI game creator

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

No:16285

110

←

Prev Next

→

Car game
Developer User7205｜Date and time 23/9/16 23:45:23
Build time 24.089 sec｜Game capacity 2.827KB｜

Script

Sure! Here's a simple car game implemented as a single HTML file using JavaScript and enclosed in script tags:

🚗

To play the game, save the above code into a single HTML file (e.g., `car_game.html`) and open it in a web browser, preferably on a smartphone. The game involves moving a car using left and right arrow keys and avoiding collision with randomly generated obstacles. The game will alert "Game Over!" if a collision occurs, and the game will be reset after closing the alert box. Please note that this is a simple implementation for demonstration purposes. You can customize and enhance it based on your preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple car game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Car Game</title>
  <style>
    #car {
      position: absolute;
      top: 300px;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .obstacle {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: red;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="car">
    🚗 
  </div>

if (event.key === 'ArrowLeft') {
        car.style.left = (left - 10) + 'px';
      } else if (event.key === 'ArrowRight') {
        car.style.left = (left + 10) + 'px';
      }
    });

// Generating obstacles
    setInterval(function() {
      var obstacle = document.createElement('div');
      obstacle.className = 'obstacle';
      obstacle.style.top = '0px';
      obstacle.style.left = Math.floor(Math.random() * 1000) + 'px';
      document.body.appendChild(obstacle);

// Moving the obstacles downwards
      var gameInterval = setInterval(function() {
        var obstacles = document.getElementsByClassName('obstacle');
        for (var i = 0; i < obstacles.length; i++) {
          var obstacle = obstacles[i];
          var top = parseInt(obstacle.style.top) || 0;
          obstacle.style.top = (top + 10) + 'px';

// Checking collision with the car
          var car = document.getElementById('car');
          if (isColliding(car, obstacle)) {
            alert('Game Over!');
            clearInterval(gameInterval);
            location.reload();
          }
        }
      }, 100);
    }, 2000);

// Helper function to check collision
    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);
    }
  </script>
</body>
</html>
```

Please note that this is a simple implementation for demonstration purposes. You can customize and enhance it based on your preferences.