The game is jumper car Time is 30 second's game

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

No:39979

←

Prev Next

→

The game is jumper car Time is 30 second
Developer User17926｜Date and time 24/1/31 11:04:07
Build time 17.187 sec｜Game capacity 4.209KB｜

Script

Sure! Here's an example of a simple game called "Jumper Car" that you can play within a single HTML file using JavaScript:

To play the game, simply save the above code in an HTML file and open it in a web browser. The game will run for 30 seconds, and the objective is to avoid the "🚧" obstacles using the "🚗" car by moving it to the left or right with the arrow keys. The score is displayed, and a pop-up alert will appear with the final score once the time runs out.

←

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 game called "Jumper Car" that you can play within a single HTML file using JavaScript:

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

// Pictograms for the car and obstacles
    const carImage = '🚗';
    const obstacleImage = '🚧';

// Game canvas
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

// Car object
    class Car {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.width = 50;
        this.height = 25;
        this.speed = 5;
        this.direction = 0;
      }

draw() {
        ctx.font = '20px Arial';
        ctx.fillText(carImage, this.x, this.y);
      }

move() {
        if (this.direction === 1 && this.x < canvas.width - this.width) {
          this.x += this.speed;
        } else if (this.direction === -1 && this.x > 0) {
          this.x -= this.speed;
        }
      }
    }

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

draw() {
        ctx.font = '20px Arial';
        ctx.fillText(obstacleImage, this.x, this.y);
      }

move() {
        this.y += this.speed;
      }
    }

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

// Move and draw the car
      car.move();
      car.draw();

// Move and draw the obstacles
      for (let i = 0; i < obstacles.length; i++) {
        const obstacle = obstacles[i];
        obstacle.move();
        obstacle.draw();

// Check collision with car
        if (detectCollision(car, obstacle)) {
          endGame();
          return;
        }

// Increase score if obstacle passes the car
        if (obstacle.y > canvas.height) {
          score++;
          obstacles.splice(i, 1);
          i--;
        }
      }

// Display score
      ctx.font = '18px Arial';
      ctx.fillText(`Score: ${score}`, 10, 30);

// Check game duration
      if (gameDuration - score > 0) {
        requestAnimationFrame(gameLoop);
      } else {
        endGame();
      }
    }

// Start the game
    function startGame() {
      car = new Car(canvas.width / 2, canvas.height - 50);
      obstacles = [];
      score = 0;
      gameTimer = setInterval(createObstacle, 1000);
      gameLoop();
    }

// End the game
    function endGame() {
      clearInterval(gameTimer);
      alert(`Game Over!\nScore: ${score}`);
    }

// Create random obstacles
    function createObstacle() {
      const x = Math.random() * (canvas.width - 50);
      const speed = Math.random() * 2 + 1;
      obstacles.push(new Obstacle(x, -25, speed));
    }

// Detect collision between car and obstacle
    function detectCollision(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
      );
    }

// Keyboard event listeners
    window.addEventListener('keydown', (event) => {
      if (event.key === 'ArrowRight') {
        car.direction = 1;
      } else if (event.key === 'ArrowLeft') {
        car.direction = -1;
      }
    });

window.addEventListener('keyup', () => {
      car.direction = 0;
    });

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