30 second graphic go kart race's game

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

No:8757

129

←

Prev Next

→

30 second graphic go kart race
Developer User4237｜Date and time 23/7/18 4:34:00
Build time 27.354 sec｜Game capacity 3.002KB｜

Script

Sure! Here's a simple implementation of a 30-second graphic go kart race game using JavaScript and HTML:

In this game, you control a blue go kart and need to avoid crashing into red and green obstacles on the track. The game lasts for 30 seconds, and if you complete the race without crashing, you win! The game is displayed on a canvas element, and the kart and obstacles are represented as colored rectangles. To play the game, simply copy the above code into a new HTML file and open it in a web browser. You can control the kart's movement using the left and right arrow keys on your keyboard.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple implementation of a 30-second graphic go kart race game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Go Kart Race</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="raceCanvas" width="400" height="200"></canvas>

// kart object representing the player
    const kart = {
      x: 0,
      y: 100,
      speed: 2,
      color: 'blue',
      width: 25,
      height: 10,
      draw: function() {
        ctx.fillStyle = this.color;
        ctx.fillRect(this.x, this.y, this.width, this.height);
      },
      move: function() {
        this.x += this.speed;
      }
    };

// obstacles representing other karts on the track
    const obstacles = [
      { x: 200, y: 75, width: 25, height: 10, color: 'red', speed: 1.5 },
      { x: 300, y: 125, width: 25, height: 10, color: 'green', speed: 1.2 }
    ];

// game loop
    let startTime = 0;
    function gameLoop(timestamp) {
      if (!startTime) startTime = timestamp;
      const elapsedTime = timestamp - startTime;

// clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// move and draw the player kart
      kart.move();
      kart.draw();

// move and draw the obstacle karts
      obstacles.forEach((obstacle) => {
        obstacle.x -= obstacle.speed;
        ctx.fillStyle = obstacle.color;
        ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
      });

// check for collision with obstacles
      obstacles.forEach((obstacle) => {
        if (
          kart.x < obstacle.x + obstacle.width &&
          kart.x + kart.width > obstacle.x &&
          kart.y < obstacle.y + obstacle.height &&
          kart.y + kart.height > obstacle.y
        ) {
          alert('Game Over! You crashed into an obstacle.');
          resetGame();
        }
      });

// check for end condition
      if (elapsedTime < 30000) {
        requestAnimationFrame(gameLoop);
      } else {
        alert('Congratulations! You completed the race within 30 seconds!');
        resetGame();
      }
    }

function resetGame() {
      startTime = 0;
      kart.x = 0;
      obstacles.forEach((obstacle) => {
        obstacle.x = 200;
      });
    }

// start the game
    gameLoop();

</script>
</body>
</html>
```

To play the game, simply copy the above code into a new HTML file and open it in a web browser. You can control the kart's movement using the left and right arrow keys on your keyboard.