AI game creator

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

No:14656

←

Prev Next

→

Car racing game
Developer User6339｜Date and time 23/9/4 0:46:42
Build time 29.407 sec｜Game capacity 3.056KB｜

Script

Sure! Here's an example of a simple car racing game using JavaScript and HTML:

In this game, the player controls a car using touch events on a smartphone. The objective is to avoid colliding with the randomly appearing obstacles, represented by pictograms. The score increases each time the car successfully passes through the obstacles. The game ends when the car collides with an obstacle, and a "Game Over" message is displayed on the screen.

←

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 racing game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Car 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>

// Load game assets
    function preload() {
      carImg = new Image();
      carImg.src = 'car.png';

obstacleImg = new Image();
      obstacleImg.src = 'obstacle.png';
    }

// Initialize game
    function init() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');
      car = { x: 175, y: 325, width: 50, height: 75 };
      obstacle = { x: Math.random() * 300, y: -30, width: 30, height: 30 };
      score = 0;
      isGameOver = false;
    }

// Update game logic
    function update() {
      if (!isGameOver) {
        // Move car based on touch events
        canvas.addEventListener('touchmove', function(event) {
          car.x = event.touches[0].clientX - canvas.offsetLeft - car.width / 2;
        });

// Move obstacle down
        obstacle.y += 5;

// Check collision
        if (obstacle.y > canvas.height) {
          obstacle.x = Math.random() * 300;
          obstacle.y = -30;
          score++;
        }

if (
          car.x < obstacle.x + obstacle.width &&
          car.x + car.width > obstacle.x &&
          car.y < obstacle.y + obstacle.height &&
          car.y + car.height > obstacle.y
        ) {
          isGameOver = true;
        }
      }
    }

// Render game graphics
    function render() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw car
      ctx.drawImage(carImg, car.x, car.y, car.width, car.height);

// Draw obstacle
      ctx.drawImage(
        obstacleImg,
        obstacle.x,
        obstacle.y,
        obstacle.width,
        obstacle.height
      );

// Draw score
      ctx.font = '20px Arial';
      ctx.fillText('Score: ' + score, 10, 30);

// Game over message
      if (isGameOver) {
        ctx.font = '30px Arial';
        ctx.fillText('Game Over', 140, canvas.height / 2);
      }
    }

// Game loop
    function loop() {
      update();
      render();

if (!isGameOver) {
        requestAnimationFrame(loop);
      }
    }

// Start the game
    function startGame() {
      preload();
      init();
      loop();
    }

// Run the game
    startGame();
  </script>
</body>
</html>
```