Make a game that you are running from a bab cop.you had to run.press left or right to move.press up to jump over objects.if you hit a object then you lose.always get the coins because you will get a prize.'s game

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

No:25553

107

←

Prev Next

→

Make a game that you are running from a bab cop.yo..ALL
Developer User12467｜Date and time 23/11/23 1:09:27
Build time 121.933 sec｜Game capacity 4.176KB｜

Script

Sure! Here's an example of a simple game where the player has to run away from a bad cop. The game is controlled using the left and right arrow keys to move, and the up arrow key to jump over objects. The player collects coins for a chance to win a prize. Please note that this code is meant to be run in a web browser.

Hope you enjoy the game! Let me know if you have any further questions.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Run Away from Bad Cop</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="200"></canvas>
  <script>
    // Creating the game canvas and initializing variables
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");
    
    let playerX = 50; // Player's X position
    let playerY = 150; // Player's Y position
    let playerWidth = 20;
    let playerHeight = 40;
    
    let copX = 370; // Cop's X position
    let copY = 140; // Cop's Y position
    let copWidth = 30;
    let copHeight = 50;
    
    let objectX = 400; // Object's X position
    let objectY = 160; // Object's Y position
    let objectWidth = 20;
    let objectHeight = 20;
    
    let coinX = 500; // Coin's X position
    let coinY = 160; // Coin's Y position
    let coinWidth = 15;
    let coinHeight = 15;
    
    let score = 0;
    let prize = false;
    
    let leftPressed = false;
    let rightPressed = false;
    let upPressed = false;
    
    // Handle key press events
    document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);
    
    function keyDownHandler(event) {
      if (event.key === "ArrowLeft") {
        leftPressed = true;
      } else if (event.key === "ArrowRight") {
        rightPressed = true;
      } else if (event.key === "ArrowUp") {
        upPressed = true;
      }
    }
    
    function keyUpHandler(event) {
      if (event.key === "ArrowLeft") {
        leftPressed = false;
      } else if (event.key === "ArrowRight") {
        rightPressed = false;
      } else if (event.key === "ArrowUp") {
        upPressed = false;
      }
    }
    
    // Game loop
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      context.fillRect(playerX, playerY, playerWidth, playerHeight);
      
      // Draw cop
      context.fillStyle = "red";
      context.fillRect(copX, copY, copWidth, copHeight);
      
      // Draw object
      context.fillStyle = "blue";
      context.fillRect(objectX, objectY, objectWidth, objectHeight);
      
      // Draw coin
      context.fillStyle = "gold";
      context.fillRect(coinX, coinY, coinWidth, coinHeight);
      
      // Move player
      if (leftPressed) {
        playerX -= 3;
      } else if (rightPressed) {
        playerX += 3;
      }
      
      // Jump over object
      if (upPressed && playerY === 150) {
        playerY -= 50;
      } else if (playerY < 150) {
        playerY += 2;
      }
      
      // Detect collision with object
      if (
        playerX < objectX + objectWidth &&
        playerX + playerWidth > objectX &&
        playerY < objectY + objectHeight &&
        playerY + playerHeight > objectY
      ) {
        // Player loses
        alert("You hit an object! Game over!");
        location.reload(); // Reload the game
      }
      
      // Collect coin
      if (
        playerX < coinX + coinWidth &&
        playerX + playerWidth > coinX &&
        playerY < coinY + coinHeight &&
        playerY + playerHeight > coinY
      ) {
        score++;
        coinX = Math.random() * 500 + 400; // Move coin to a random position
      }
      
      // Check if player has collected enough coins for a prize
      if (score >= 5 && !prize) {
        prize = true;
        alert("Congratulations! You won a prize!");
      }
      
      // Draw score
      context.font = "16px Arial";
      context.fillStyle = "black";
      context.fillText("Score: " + score, 10, 20);
      
      requestAnimationFrame(draw);
    }
    
    draw(); // Start the game
  </script>
</body>
</html>
```

Hope you enjoy the game! Let me know if you have any further questions.