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

No:27788

Crie um jogo de terror estilo grany
Developer User13835｜Date and time 23/12/9 2:06:32
Build time 27.032 sec｜Game capacity 2.492KB｜

Script

Jogo de Terror - Estilo Granny

Use as setas para escapar da Vovó e chegar até a saída.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Terror - Estilo Granny</title>
</head>
<body>
  <script>
    // Setup
    var playerPosition = { x: 0, y: 0 };
    var grannyPosition = { x: 10, y: 10 };
    var isGameOver = false;

// Event Listeners
    window.addEventListener('keydown', handleKeyPress);

// Game Logic
    function handleKeyPress(event) {
      event.preventDefault();
      
      if (isGameOver) {
        return;
      }
      
      // Move player based on arrow key pressed
      switch(event.key) {
        case 'ArrowUp':
          movePlayer(0, -1);
          break;
        case 'ArrowDown':
          movePlayer(0, 1);
          break;
        case 'ArrowLeft':
          movePlayer(-1, 0);
          break;
        case 'ArrowRight':
          movePlayer(1, 0);
          break;
        default:
          break;
      }
      
      // Check game over conditions
      if (playerPosition.x === grannyPosition.x && playerPosition.y === grannyPosition.y) {
        isGameOver = true;
        alert('Você foi pego pela Vovó! Fim de jogo!');
        location.reload();
      }
    }
    
    function movePlayer(deltaX, deltaY) {
      // Update player position based on movement deltas
      playerPosition.x += deltaX;
      playerPosition.y += deltaY;
      
      // Ensure player stays within the game area
      playerPosition.x = Math.max(0, Math.min(playerPosition.x, 10));
      playerPosition.y = Math.max(0, Math.min(playerPosition.y, 10));
    }
  </script>
  
  <h1>Jogo de Terror - Estilo Granny</h1>
  <p>Use as setas para escapar da Vovó e chegar até a saída.</p>
  
  <div style="display: grid; grid-template-columns: repeat(10, 50px);">
    
    <script>
      for (let y = 0; y < 10; y++) {
        for (let x = 0; x < 10; x++) {
          document.write('<img src="empty_tile.png" style="width: 50px; height: 50px;">');
        }
      }
      
      // Place the player and granny on the grid
      document.write('<img src="player.png" style="width: 50px; height: 50px; grid-column: ' + (playerPosition.x + 1) + ' / ' + (playerPosition.x + 2) + '; grid-row: ' + (playerPosition.y + 1) + ' / ' + (playerPosition.y + 2) + ';">');
      document.write('<img src="granny.png" style="width: 50px; height: 50px; grid-column: ' + (grannyPosition.x + 1) + ' / ' + (grannyPosition.x + 2) + '; grid-row: ' + (grannyPosition.y + 1) + ' / ' + (grannyPosition.y + 2) + ';">');
    </script>
  </div>
</body>
</html>