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

No:34824

Egy zombiapokalipszis közepén ébredek az erdőbe
Developer User16254｜Date and time 24/1/11 16:27:48
Build time 27.42 sec｜Game capacity 6.008KB｜

Script

Zombie Apocalypse

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Zombie Apocalypse</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 10px;
    }
    
    .icon {
      width: 100px;
      height: 100px;
      margin: 5px;
      background-color: #f2f2f2;
      border: 1px solid #ccc;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 40px;
    }
    
    .player-icon {
      background-color: #4CAF50;
      color: #fff;
      font-weight: bold;
      animation: pulse 1s infinite;
    }
    
    .zombie-icon {
      background-color: #FF5722;
      color: #fff;
    }
    
    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.2);
      }
      100% {
        transform: scale(1);
      }
    }
  </style>
</head>
<body>
  <h1>Zombie Apocalypse</h1>
  <div id="game-container"></div>
  
  <script>
    // Game grid dimensions
    const numRows = 5;
    const numCols = 5;
    
    // Initialize game grid
    const grid = [];
    for (let i = 0; i < numRows; i++) {
      grid[i] = new Array(numCols).fill('');
    }
    
    // Player position
    let playerRow = Math.floor(Math.random() * numRows);
    let playerCol = Math.floor(Math.random() * numCols);
    grid[playerRow][playerCol] = 'player';
    
    // Initialize zombies
    const numZombies = Math.floor(Math.random() * 6) + 5; // Generate random number of zombies between 5 and 10
    for (let i = 0; i < numZombies; i++) {
      let zombieRow, zombieCol;
      do {
        zombieRow = Math.floor(Math.random() * numRows);
        zombieCol = Math.floor(Math.random() * numCols);
      } while (grid[zombieRow][zombieCol] !== '');
      grid[zombieRow][zombieCol] = 'zombie';
    }
    
    // Render game grid
    for (let i = 0; i < numRows; i++) {
      for (let j = 0; j < numCols; j++) {
        const iconDiv = document.createElement('div');
        iconDiv.classList.add('icon');
        
        if (grid[i][j] === 'player') {
          iconDiv.classList.add('player-icon');
          iconDiv.textContent = '🧟‍♂️';
        } else if (grid[i][j] === 'zombie') {
          iconDiv.classList.add('zombie-icon');
          iconDiv.textContent = '🧟';
        }
        
        document.getElementById('game-container').appendChild(iconDiv);
      }
    }
    
    // Handle user input
    document.addEventListener('keydown', function(event) {
      let direction;
      
      switch (event.keyCode) {
        case 37: // Left arrow
          direction = 'left';
          break;
        case 38: // Up arrow
          direction = 'up';
          break;
        case 39: // Right arrow
          direction = 'right';
          break;
        case 40: // Down arrow
          direction = 'down';
          break;
      }
      
      if (direction) {
        movePlayer(direction);
        moveZombies();
        renderGame();
        checkGameStatus();
      }
    });
    
    // Move player
    function movePlayer(direction) {
      grid[playerRow][playerCol] = '';
      
      switch (direction) {
        case 'left':
          if (playerCol > 0) {
            playerCol--;
          }
          break;
        case 'up':
          if (playerRow > 0) {
            playerRow--;
          }
          break;
        case 'right':
          if (playerCol < numCols - 1) {
            playerCol++;
          }
          break;
        case 'down':
          if (playerRow < numRows - 1) {
            playerRow++;
          }
          break;
      }
      
      grid[playerRow][playerCol] = 'player';
    }
    
    // Move zombies randomly
    function moveZombies() {
      for (let i = 0; i < numRows; i++) {
        for (let j = 0; j < numCols; j++) {
          if (grid[i][j] === 'zombie') {
            grid[i][j] = '';
            
            const possibleMoves = [];
            
            if (i > 0 && grid[i - 1][j] !== 'zombie') {
              possibleMoves.push({row: i - 1, col: j});
            }
            
            if (i < numRows - 1 && grid[i + 1][j] !== 'zombie') {
              possibleMoves.push({row: i + 1, col: j});
            }
            
            if (j > 0 && grid[i][j - 1] !== 'zombie') {
              possibleMoves.push({row: i, col: j - 1});
            }
            
            if (j < numCols - 1 && grid[i][j + 1] !== 'zombie') {
              possibleMoves.push({row: i, col: j + 1});
            }
            
            if (possibleMoves.length > 0) {
              const randomMove = possibleMoves[Math.floor(Math.random() * possibleMoves.length)];
              grid[randomMove.row][randomMove.col] = 'zombie';
            } else {
              grid[i][j] = 'zombie';
            }
          }
        }
      }
    }
    
    // Render updated game grid
    function renderGame() {
      document.getElementById('game-container').innerHTML = '';
      
      for (let i = 0; i < numRows; i++) {
        for (let j = 0; j < numCols; j++) {
          const iconDiv = document.createElement('div');
          iconDiv.classList.add('icon');
          
          if (grid[i][j] === 'player') {
            iconDiv.classList.add('player-icon');
            iconDiv.textContent = '🧟‍♂️';
          } else if (grid[i][j] === 'zombie') {
            iconDiv.classList.add('zombie-icon');
            iconDiv.textContent = '🧟';
          }
          
          document.getElementById('game-container').appendChild(iconDiv);
        }
      }
    }
    
    // Check game status
    function checkGameStatus() {
      if (grid[playerRow][playerCol] === 'zombie') {
        alert('Game Over! You got eaten by a zombie.');
      } else if (!grid.flat().includes('zombie')) {
        alert('Congratulations! You survived the zombie apocalypse.');
      }
    }
  </script>
</body>
</html>