A realistic looking game based off of five nights at Freddy's a complicated realistic game where you survived five nights at a abandoned five nights at Freddy's location's game

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

No:30875

100

←

Prev Next

→

A realistic looking game based off of five nights ..ALL
Developer User14954｜Date and time 23/12/24 10:46:03
Build time 8.939 sec｜Game capacity 2.53KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Five Nights at Freddy's: Abandoned Location</title>
  <style>
    body {
      background-color: black;
      color: white;
      font-family: Arial, sans-serif;
    }
    #game-screen {
      width: 400px;
      height: 600px;
      background-color: #151515;
      margin: 0 auto;
      position: relative;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: yellow;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    #enemy {
      width: 50px;
      height: 50px;
      background-color: red;
      position: absolute;
      top: 200px;
      left: 200px;
    }
  </style>
</head>
<body>
  <div id="game-screen">
    <div id="player"></div>
    <div id="enemy"></div>
  </div>

// Update player's position based on user input
    function movePlayer(e) {
      if (!isGameOver) {
        switch (e.keyCode) {
          case 37: // Left arrow key
            player.style.left = parseInt(player.style.left) - 10 + 'px';
            break;
          case 39: // Right arrow key
            player.style.left = parseInt(player.style.left) + 10 + 'px';
            break;
          case 38: // Up arrow key
            player.style.top = parseInt(player.style.top) - 10 + 'px';
            break;
          case 40: // Down arrow key
            player.style.top = parseInt(player.style.top) + 10 + 'px';
            break;
        }
        checkCollision();
      }
    }

// Check if player collided with enemy
    function checkCollision() {
      var playerRect = player.getBoundingClientRect();
      var enemyRect = enemy.getBoundingClientRect();

if (
        playerRect.top + playerRect.height >= enemyRect.top &&
        playerRect.top <= enemyRect.top + enemyRect.height &&
        playerRect.left + playerRect.width >= enemyRect.left &&
        playerRect.left <= enemyRect.left + enemyRect.width
      ) {
        gameOver();
      }
    }

// Game over logic
    function gameOver() {
      isGameOver = true;
      player.style.backgroundColor = 'gray';
      alert('Game over!');
    }

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

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