AI game creator

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

No:37133

←

Prev Next

→

car game
Developer User17003｜Date and time 24/1/20 13:30:38
Build time 13.391 sec｜Game capacity 4.312KB｜

Script

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

To play the game, you would open the HTML file in a web browser on your smartphone. The game consists of a red car at the bottom of the game area. The objective is to avoid the obstacles (represented by black squares) that fall from the top. You can control the car's movement by swiping left or right on your smartphone's screen. The game will end if the car collides with an obstacle or when an obstacle reaches the bottom of the game area.

←

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 car game implemented in a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Car Game</title>
    <style>
      #game {
        position: relative;
        width: 400px;
        height: 600px;
        border: 1px solid black;
        background-color: #eee;
      }

#car {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 80px;
        background-color: red;
      }

.obstacle {
        position: absolute;
        width: 60px;
        height: 60px;
        background-color: #333;
      }
    </style>
  </head>
  <body>
    <div id="game">
      <div id="car"></div>
    </div>

// Start the game
      function startGame() {
        isGameRunning = true;
        car.style.bottom = "0";
        game.innerHTML = '<div id="car"></div>';
        score = 0;

// Move the car on keypress
        document.onkeydown = function (e) {
          if (e.keyCode === 37) {
            moveLeft();
          } else if (e.keyCode === 39) {
            moveRight();
          }
        };

// Call the moveObstacles function to create and move obstacles
        moveObstacles();
      }

// Move the car to the left
      function moveLeft() {
        var left = parseInt(getComputedStyle(car).left);
        if (left > 0) {
          car.style.left = left - 10 + "px";
        }
      }

// Move the car to the right
      function moveRight() {
        var left = parseInt(getComputedStyle(car).left);
        if (left < game.offsetWidth - car.offsetWidth) {
          car.style.left = left + 10 + "px";
        }
      }

// Create and move obstacles
      function moveObstacles() {
        // Create a new obstacle
        var obstacle = document.createElement("div");
        obstacle.classList.add("obstacle");
        obstacle.style.left = Math.random() * (game.offsetWidth - 60) + "px";
        game.appendChild(obstacle);

// Move obstacles downwards
        var obstacles = document.getElementsByClassName("obstacle");
        setInterval(function () {
          if (isGameRunning) {
            for (var i = 0; i < obstacles.length; i++) {
              var obstacle = obstacles[i];
              var obstacleTop = parseInt(getComputedStyle(obstacle).top);
              obstacle.style.top = obstacleTop + speed + "px";

// Check collision with the car
              if (
                obstacleTop + obstacle.offsetHeight >=
                game.offsetHeight - car.offsetHeight &&
                obstacleTop + obstacle.offsetHeight <= game.offsetHeight &&
                parseInt(getComputedStyle(car).left) +
                  car.offsetWidth / 2 >=
                  parseInt(getComputedStyle(obstacle).left) &&
                parseInt(getComputedStyle(car).left) +
                  car.offsetWidth / 2 <=
                  parseInt(getComputedStyle(obstacle).left) +
                    obstacle.offsetWidth
              ) {
                endGame();
              }

// Remove obstacles when they go below the game area
              if (obstacleTop >= game.offsetHeight) {
                game.removeChild(obstacle);
                score++;
              }
            }
          }
        }, 10);
      }

// End the game
      function endGame() {
        isGameRunning = false;
        alert("Game Over! \nYour Score: " + score);
      }

// Start the game when the page loads
      window.onload = startGame;
    </script>
  </body>
</html>
```