AI game creator

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

No:21181

107

←

Prev Next

→

2d racing games
Developer User9223｜Date and time 23/10/14 0:04:18
Build time 90.128 sec｜Game capacity 3.152KB｜

Script

Sure, below is an example of a simple 2D racing game implemented as a single HTML file using JavaScript:

This code sets up a simple 2D racing game where the player controls a car using arrow keys to avoid obstacles moving from top to bottom. The game ends when the car collides with an obstacle. You can replace the `emozi_all/game.png` and `emozi_apple.png` with your own pictograms for the car and obstacle. Please note that this is a basic example and can be further enhanced and customized according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, below is an example of a simple 2D racing game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>2D Racing Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Pictogram images
    var carImg = document.createElement("img");
    carImg.src = "car.png";

var obstacleImg = document.createElement("img");
    obstacleImg.src = "obstacle.png";

// Car object
    function Car(x, y, speed) {
      this.x = x;
      this.y = y;
      this.speed = speed;
      this.width = 50;
      this.height = 50;
    }

// Obstacle object
    function Obstacle(x, y, speed) {
      this.x = x;
      this.y = y;
      this.speed = speed;
      this.width = 50;
      this.height = 50;
    }

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

car = new Car(175, 300, 5);
      obstacle = new Obstacle(175, -50, 5);

document.addEventListener("keydown", handleKeyDown);
      document.addEventListener("keyup", handleKeyUp);

gameLoop = setInterval(update, 20);
    }

// Game update function
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

car.y -= car.speed;
      obstacle.y += obstacle.speed;

if (obstacle.y > canvas.height) {
        obstacle.y = -50;
      }

ctx.drawImage(carImg, car.x, car.y, car.width, car.height);
      ctx.drawImage(obstacleImg, obstacle.x, obstacle.y, obstacle.width, obstacle.height);

if (checkCollision(car, obstacle)) {
        gameover();
      }
    }

// Handle keydown event
    function handleKeyDown(e) {
      if (e.key === "ArrowLeft" && car.x > 0) {
        car.x -= car.speed;
      } else if (e.key === "ArrowRight" && car.x < canvas.width - car.width) {
        car.x += car.speed;
      }
    }

// Handle keyup event
    function handleKeyUp(e) {
      if (e.key === "ArrowUp" || e.key === "ArrowDown") {
        clearInterval(gameLoop);
      }
    }

// Check collision between two objects
    function checkCollision(obj1, obj2) {
      return obj1.x < obj2.x + obj2.width &&
             obj1.x + obj1.width > obj2.x &&
             obj1.y < obj2.y + obj2.height &&
             obj1.y + obj1.height > obj2.y;
    }

// Game over function
    function gameover() {
      clearInterval(gameLoop);
      alert("Game Over!");
    }

// Start the game
    init();
  </script>
</body>
</html>
```

Please note that this is a basic example and can be further enhanced and customized according to your requirements.