AI game creator

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

No:15166

107

←

Prev Next

→

F1 game
Developer User6541｜Date and time 23/9/6 20:33:18
Build time 60.622 sec｜Game capacity 3.826KB｜

Script

Sure! Here's a simple F1 racing game implemented as a single HTML file using JavaScript:

This code will render a simple F1 racing game where you have to avoid oncoming obstacles (yellow blocks). You can control the red car using the left and right arrow keys. The objective is to survive for as long as possible and avoid collisions with the obstacles. The score increases every time an obstacle passes your car. When the game is over, an alert will be shown displaying your final score. Note: This is just a basic implementation and may not include all the features of a complete racing game. Feel free to modify and enhance it according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a simple F1 racing game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>F1 Racing Game</title>
  <style>
    #game-container {
      width: 100%;
      height: 600px;
      background-color: #222;
      position: relative;
      overflow: hidden;
    }
    
    #car {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 50px;
      height: 100px;
      background-color: red;
      z-index: 2;
    }
    
    .obstacle {
      position: absolute;
      width: 80px;
      height: 50px;
      background-color: yellow;
      z-index: 1;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="car"></div>
  </div>

// Game variables
    let carX = GAME_WIDTH / 2 - CAR_WIDTH / 2;
    let score = 0;
    let gameSpeed = 2;
    let gameOver = false;

// Game elements
    const gameContainer = document.getElementById("game-container");
    const car = document.getElementById("car");

// Move the car based on user input
    function moveCar(e) {
      if (e.key === "ArrowLeft") {
        carX -= 10;
        if (carX < 0) carX = 0;
      } else if (e.key === "ArrowRight") {
        carX += 10;
        if (carX > GAME_WIDTH - CAR_WIDTH) carX = GAME_WIDTH - CAR_WIDTH;
      }
    }

// Create obstacles at random positions
    function createObstacle() {
      if (gameOver) return;

const obstacle = document.createElement("div");
      obstacle.classList.add("obstacle");
      obstacle.style.left = Math.random() * (GAME_WIDTH - OBSTACLE_WIDTH) + "px";
      gameContainer.appendChild(obstacle);

moveObstacle(obstacle);
    }

// Move the obstacles downwards and check for collisions
    function moveObstacle(obstacle) {
      let obstacleY = 0;
      let passedCar = false;

const obstacleInterval = setInterval(() => {
        if (gameOver) clearInterval(obstacleInterval);

obstacleY += gameSpeed;
        obstacle.style.top = obstacleY + "px";

// Check for collision
        if (
          obstacleY > GAME_HEIGHT - OBSTACLE_HEIGHT &&
          obstacleY < GAME_HEIGHT &&
          carX > parseFloat(obstacle.style.left) - CAR_WIDTH &&
          carX < parseFloat(obstacle.style.left) + OBSTACLE_WIDTH
        ) {
          gameOver = true;
          alert("Game over! Your score: " + score);
          window.location.reload();
        }

// Check if obstacle has passed the car
        if (obstacleY >= GAME_HEIGHT && !passedCar) {
          passedCar = true;
          score++;
        }

// Remove obstacle when it's out of the game container
        if (obstacleY > GAME_HEIGHT) {
          gameContainer.removeChild(obstacle);
          clearInterval(obstacleInterval);
        }
      }, 20);
    }

// Initialize the game
    function startGame() {
      document.addEventListener("keydown", moveCar);
      setInterval(createObstacle, 1000);
    }

startGame();
  </script>
</body>
</html>
```

Note: This is just a basic implementation and may not include all the features of a complete racing game. Feel free to modify and enhance it according to your requirements.