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

No:20267

115

←

Prev Next

→

Create (Neighbors from hell) Game
Developer User9008｜Date and time 23/10/9 2:33:58
Build time 15.946 sec｜Game capacity 4.004KB｜

Script

Sure! Below is an example of a simplified "Neighbors from Hell" game implemented as a single HTML file using JavaScript. The game is meant to be played on a smartphone and uses pictograms for graphical representation. Please note that this is a very basic version of the game and can be expanded upon and improved according to your preferences.

Neighbors from Hell Game

Make sure to replace the placeholder pictograms (player.png, neighbor.png, exit.png) with your own images or use appropriate pictograms as desired. Save the file with an .html extension and open it in a web browser or on a smartphone to play the game. Note: This is a very basic implementation and can be further enhanced with more features, levels, scoring, and animations based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Please note that this is a very basic version of the game and can be expanded upon and improved according to your preferences.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    #game {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 20px;
    }
    .character {
      height: 60px;
      width: 60px;
      margin: 5px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
    #player {
      background-image: url('player.png');
    }
    .neighbor {
      background-image: url('neighbor.png');
    }
    .exit {
      background-image: url('exit.png');
    }
  </style>
</head>
<body>
  <h1>Neighbors from Hell Game</h1>
  
  <div id="game">
    
  </div>

// Game state
    let playerPos = { ...playerStartPos };

// Function to create the game grid
    function createGrid() {
      const gameArea = document.getElementById('game');

for (let row = 0; row < gridSize; row++) {
        for (let col = 0; col < gridSize; col++) {
          const cell = document.createElement('div');
          cell.className = 'character';

if (row === playerPos.row && col === playerPos.col) {
            cell.id = 'player';
          } else if (row === neighborPos.row && col === neighborPos.col) {
            cell.className = 'character neighbor';
          } else if (row === exitPos.row && col === exitPos.col) {
            cell.className = 'character exit';
          }

gameArea.appendChild(cell);
        }
      }
    }

// Function to handle player movement
    function movePlayer(event) {
      const key = event.key.toLowerCase();
      const newPos = { ...playerPos };

if (key === 'arrowup' && newPos.row > 0) {
        newPos.row--;
      } else if (key === 'arrowdown' && newPos.row < gridSize - 1) {
        newPos.row++;
      } else if (key === 'arrowleft' && newPos.col > 0) {
        newPos.col--;
      } else if (key === 'arrowright' && newPos.col < gridSize - 1) {
        newPos.col++;
      }

if (newPos.row === neighborPos.row && newPos.col === neighborPos.col) {
        alert('Game Over! The neighbor caught you.');
        resetGame();
        return;
      }

if (newPos.row === exitPos.row && newPos.col === exitPos.col) {
        alert('Congratulations! You escaped from the neighbor.');
        resetGame();
        return;
      }

const playerCell = document.getElementById('player');
      playerCell.removeAttribute('id');

playerPos = { ...newPos };
      const newPlayerCell = document.getElementById(`pos-${playerPos.row}-${playerPos.col}`);
      newPlayerCell.id = 'player';
    }

// Function to reset the game
    function resetGame() {
      const gameArea = document.getElementById('game');
      gameArea.innerHTML = '';
      playerPos = { ...playerStartPos };
      createGrid();
    }

// Add event listener for player movement
    document.addEventListener('keydown', movePlayer);

// Start the game
    createGrid();
  </script>
</body>
</html>
```

Note: This is a very basic implementation and can be further enhanced with more features, levels, scoring, and animations based on your requirements and preferences.