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

No:13650

115

←

Prev Next

→

Five nights fready
Developer Paulomxn1 tv｜Date and time 23/8/29 7:15:18
Build time 17.116 sec｜Game capacity 3.366KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, containing JavaScript code enclosed in script tags. It's based on the popular game "Five Nights at Freddy's" and optimized for smartphone operation using pictograms.

Five Nights at Freddy's Game

To play the game, you need to save the above code in an HTML file, open it in a browser on your smartphone, and start tapping on the pictograms to increase your score. The game lasts for 30 seconds, and the final score will be displayed at the end. You can restart the game by tapping the "Restart Game" button. Have fun playing!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Five Nights at Freddy's</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    h1 {
      margin-top: 50px;
    }
    
    #game-container {
      margin-top: 30px;
    }
    
    .btn {
      display: inline-block;
      padding: 10px 20px;
      background-color: #89563E;
      color: #FFF;
      text-decoration: none;
      font-size: 18px;
      margin-top: 20px;
      cursor: pointer;
      border-radius: 5px;
    }
    
    .btn:hover {
      background-color: #AF7459;
    }
    
    #message {
      margin-top: 30px;
      font-size: 24px;
    }
    
    #score {
      margin-top: 20px;
      font-size: 18px;
    }
    
    .pictogram {
      width: 100px;
      height: 100px;
      background-color: #ECECEC;
      border-radius: 50%;
      display: inline-block;
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Five Nights at Freddy's Game</h1>
  <div id="game-container">
    <div id="message"></div>
    <div id="score"></div>
    <div class="pictogram"></div>
    <div class="pictogram"></div>
    <div class="pictogram"></div>
    <div class="pictogram"></div>
    <div class="pictogram"></div>
  </div>
  
  <script>
    var score = 0;
    var isGameActive = true;
    var pictograms = document.querySelectorAll('.pictogram');
    
    function handleClick() {
      if (isGameActive) {
        score++;
        updateScore();
      }
    }
    
    function updateScore() {
      var scoreElement = document.getElementById('score');
      scoreElement.textContent = 'Score: ' + score;
    }
    
    function endGame() {
      isGameActive = false;
      var messageElement = document.getElementById('message');
      messageElement.textContent = 'Game Over! Your final score is: ' + score;
      
      var restartBtn = document.createElement('a');
      restartBtn.setAttribute('href', '');
      restartBtn.className = 'btn';
      restartBtn.textContent = 'Restart Game';
      restartBtn.addEventListener('click', resetGame);
      
      gameContainer.appendChild(restartBtn);
    }
    
    function resetGame(e) {
      e.preventDefault();
      score = 0;
      isGameActive = true;
      var messageElement = document.getElementById('message');
      messageElement.textContent = '';
      var scoreElement = document.getElementById('score');
      scoreElement.textContent = '';
      
      var restartBtn = document.querySelector('.btn');
      restartBtn.parentNode.removeChild(restartBtn);
    }
    
    pictograms.forEach(function (pictogram) {
      pictogram.addEventListener('click', handleClick);
    });
    
    setTimeout(endGame, 30000); // Game ends after 30 seconds
  </script>
</body>
</html>
```