AI game creator

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

No:34059

←

Prev Next

→

Bob chases you
Developer User15955｜Date and time 24/1/8 0:54:59
Build time 32.198 sec｜Game capacity 3.301KB｜

Script

Sure, here's a simple game where Bob chases you, implemented as a single HTML file using JavaScript and enclosed in script tags:

To use this game, save the above code into an HTML file (e.g., `game.html`). Make sure to have two image files, `emozi_all/game.png` and `emozi_apple.png`, in the same directory as the HTML file. The images should be pictograms representing the player and Bob. When you open the HTML file in a web browser (preferably on a smartphone), Bob (represented by his pictogram) will start chasing you. Use the arrow keys to move the player (represented by another pictogram) and avoid getting caught by Bob. If Bob catches the player, an alert will appear saying "Game Over!" and the player's position will be reset. Note: This is a very basic implementation of the game and can be further expanded with additional features and enhancements.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game where Bob chases you, implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bob Chases You</title>
  <style>
    body {
      overflow: hidden;
      margin: 0;
      padding: 0;
    }
    
    canvas {
      background-color: #f0f0f0;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Pictograms for player and Bob
    const playerImage = new Image();
    playerImage.src = "player.png";
  
    const bobImage = new Image();
    bobImage.src = "bob.png";
  
    // Coordinates for player and Bob
    let player = {
      x: 50,
      y: 50,
      width: 64,
      height: 64
    };
  
    let bob = {
      x: 300,
      y: 300,
      width: 64,
      height: 64
    };
  
    // Key states
    const keys = {
      ArrowUp: false,
      ArrowDown: false,
      ArrowLeft: false,
      ArrowRight: false
    };
  
    // Update player position based on key states
    function movePlayer() {
      if (keys.ArrowUp) {
        player.y -= 5;
      }
      if (keys.ArrowDown) {
        player.y += 5;
      }
      if (keys.ArrowLeft) {
        player.x -= 5;
      }
      if (keys.ArrowRight) {
        player.x += 5;
      }
    }
  
    // Check collision between player and Bob
    function checkCollision() {
      if (
        player.x < bob.x + bob.width &&
        player.x + player.width > bob.x &&
        player.y < bob.y + bob.height &&
        player.y + player.height > bob.y
      ) {
        alert("Game Over!");
        reset();
      }
    }
  
    // Draw player and Bob on the canvas
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.drawImage(playerImage, player.x, player.y, player.width, player.height);
      ctx.drawImage(bobImage, bob.x, bob.y, bob.width, bob.height);
    }
  
    // Game loop
    function gameLoop() {
      movePlayer();
      checkCollision();
      draw();
      
      requestAnimationFrame(gameLoop);
    }
  
    // Reset player position
    function reset() {
      player.x = 50;
      player.y = 50;
    }

// Event listeners for key presses
    document.addEventListener("keydown", function(event) {
      keys[event.key] = true;
    });
  
    document.addEventListener("keyup", function(event) {
      keys[event.key] = false;
    });
  
    // Start the game loop
    gameLoop();
  </script>
</body>
</html>
```

To use this game, save the above code into an HTML file (e.g., `game.html`). Make sure to have two image files, `player.png` and `bob.png`, in the same directory as the HTML file. The images should be pictograms representing the player and Bob.

When you open the HTML file in a web browser (preferably on a smartphone), Bob (represented by his pictogram) will start chasing you. Use the arrow keys to move the player (represented by another pictogram) and avoid getting caught by Bob. If Bob catches the player, an alert will appear saying "Game Over!" and the player's position will be reset.

Note: This is a very basic implementation of the game and can be further expanded with additional features and enhancements.