A game where your chased by the police and you drive in a fast sports car but you have to collect coins to get to safty's game

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

No:39367

←

Prev Next

→

A game where your chased by the police and you dri..ALL
Developer User17631｜Date and time 24/1/28 7:10:43
Build time 16.671 sec｜Game capacity 4.545KB｜

Script

Sure! Here's an implementation of the game where you are chased by the police, driving a fast sports car and collecting coins to reach safety. The game is designed to be played on a smartphone and uses pictograms for visual elements. Save the code as a single HTML file and open it in a web browser on your smartphone to play.

Please note that you need to replace the file paths for `emozi_all/car.png` and `emozi_all/coin.png` with the actual paths to the pictograms you want to use for the car and coins respectively.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Police Chase Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Game state
    let carX = screenWidth / 2 - carWidth / 2;
    let carY = screenHeight - carHeight - 10;
    let coinX = [];
    let coinY = [];
    let score = 0;
    let gameover = false;
    let coinTimer = null;

// Load pictograms
    const carImage = new Image();
    carImage.src = "car.png";

const coinImage = new Image();
    coinImage.src = "coin.png";

// Handle touch events
    document.addEventListener("touchstart", handleTouchStart);
    document.addEventListener("touchmove", handleTouchMove);
    document.addEventListener("touchend", handleTouchEnd);

// Handle touch start
    function handleTouchStart(event) {
      event.preventDefault();
      const touchX = event.touches[0].clientX;
      if (touchX < screenWidth / 2) {
        moveCarLeft();
      } else {
        moveCarRight();
      }
    }

// Handle touch move
    function handleTouchMove(event) {
      event.preventDefault();
    }

// Handle touch end
    function handleTouchEnd(event) {
      event.preventDefault();
      stopCar();
    }

// Move car to the left
    function moveCarLeft() {
      if (!gameover && carX > 0) {
        carX -= carSpeed;
      }
    }

// Move car to the right
    function moveCarRight() {
      if (!gameover && carX + carWidth < screenWidth) {
        carX += carSpeed;
      }
    }

// Stop the car
    function stopCar() {
      carX = carX;
    }

// Spawn a new coin
    function spawnCoin() {
      const randomX = Math.floor(Math.random() * (screenWidth - coinWidth));
      const randomY = -coinHeight;
      coinX.push(randomX);
      coinY.push(randomY);
    }

// Update game state
    function update() {
      if (!gameover) {
        // Move coins
        for (let i = 0; i < coinX.length; i++) {
          coinY[i] += coinSpeed;
          if (
            coinY[i] + coinHeight >= carY &&
            coinY[i] <= carY + carHeight &&
            coinX[i] + coinWidth >= carX &&
            coinX[i] <= carX + carWidth
          ) {
            score++;
            coinX.splice(i, 1);
            coinY.splice(i, 1);
          }
        }

// Check game over condition
        if (coinY.some((y) => y + coinHeight >= screenHeight)) {
          gameover = true;
          clearInterval(coinTimer);
        }
      }

// Clear canvas
      ctx.clearRect(0, 0, screenWidth, screenHeight);

// Draw car
      ctx.drawImage(carImage, carX, carY, carWidth, carHeight);

// Draw coins
      for (let i = 0; i < coinX.length; i++) {
        ctx.drawImage(coinImage, coinX[i], coinY[i], coinWidth, coinHeight);
      }

// Update score
      ctx.font = "24px Arial";
      ctx.fillStyle = "#000";
      ctx.fillText("Score: " + score, 10, 30);

if (gameover) {
        ctx.font = "48px Arial";
        ctx.fillText("Game Over", screenWidth / 2 - 120, screenHeight / 2);
      }
    }

// Start the game
    function startGame() {
      // Set canvas size
      canvas.width = screenWidth;
      canvas.height = screenHeight;

// Start spawning coins
      coinTimer = setInterval(spawnCoin, coinSpawnInterval);

// Run game loop
      setInterval(update, 10);
    }

// Load game assets
    function loadAssets() {
      carImage.onload = startGame;
    }

// Start game after assets are loaded
    loadAssets();
  </script>
</body>
</html>
```

Please note that you need to replace the file paths for `car.png` and `coin.png` with the actual paths to the pictograms you want to use for the car and coins respectively.