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

No:34034

←

Prev Next

→

FNAF
Developer User16004｜Date and time 24/1/7 21:21:56
Build time 37.076 sec｜Game capacity 3.382KB｜

Script

Sure! Here's a basic implementation of a Five Nights at Freddy's (FNAF) game as a single HTML file using JavaScript. Please note that this is a simplified version and doesn't include all the complex mechanics of the original game. Also, instead of pictograms, we will be using text to represent different elements of the game.

Five Nights at Freddy's

To play the game, simply copy and save the code as an HTML file, then open it in a web browser. You can control the player's position using the arrow keys on your smartphone or computer keyboard. The objective is to avoid being caught by the enemy indicated by the bear pictogram. Good luck!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>FNAF Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <h1>Five Nights at Freddy's</h1>
  <p id="game-over"></p>
  <div id="game-board"></div>

// Characters
    const PLAYER = '👤'; // Person pictogram
    const ENEMY = '👻'; // Bear pictogram
    const EMPTY = '⚫'; // Dot pictogram

// Initial player position
    let playerX = Math.floor(BOARD_WIDTH / 2);
    let playerY = Math.floor(BOARD_HEIGHT / 2);

// Game board representation
    const board = [];

// Initialize game board
    for (let i = 0; i < BOARD_HEIGHT; i++) {
      board[i] = [];
      for (let j = 0; j < BOARD_WIDTH; j++) {
        board[i][j] = EMPTY;
      }
    }

// Place player on the board
    board[playerY][playerX] = PLAYER;

// Generate random enemy position
    const enemyX = Math.floor(Math.random() * BOARD_WIDTH);
    const enemyY = Math.floor(Math.random() * BOARD_HEIGHT);
    board[enemyY][enemyX] = ENEMY;

// Render game board
    function render() {
      const gameBoardElem = document.getElementById('game-board');
      gameBoardElem.innerHTML = '';

for (let i = 0; i < BOARD_HEIGHT; i++) {
        for (let j = 0; j < BOARD_WIDTH; j++) {
          gameBoardElem.innerHTML += board[i][j] + ' ';
        }
        gameBoardElem.innerHTML += '<br>';
      }
    }

// Handle user input
    function handleInput(event) {
      const key = event.key;

// Update player position based on input
      if (key === 'ArrowUp' && playerY > 0) {
        board[playerY][playerX] = EMPTY;
        playerY--;
      } else if (key === 'ArrowDown' && playerY < BOARD_HEIGHT - 1) {
        board[playerY][playerX] = EMPTY;
        playerY++;
      } else if (key === 'ArrowLeft' && playerX > 0) {
        board[playerY][playerX] = EMPTY;
        playerX--;
      } else if (key === 'ArrowRight' && playerX < BOARD_WIDTH - 1) {
        board[playerY][playerX] = EMPTY;
        playerX++;
      }

// Check if player caught by the enemy
      if (playerX === enemyX && playerY === enemyY) {
        document.removeEventListener('keydown', handleInput);
        document.getElementById('game-over').innerHTML = 'Game Over - You got caught!';
      }

// Update player position on the board
      board[playerY][playerX] = PLAYER;

// Re-render the board
      render();
    }

// Start game
    function startGame() {
      render();
      document.addEventListener('keydown', handleInput);
    }

startGame();
  </script>
</body>
</html>
```