1. <!DOCTYPE html>
  2. <html lang="it">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>FNAF PRO MAX</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <style>
  8. body{margin:0;background:black;overflow:hidden;font-family:monospace;}
  9. #menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;color:#0f0;}
  10. button{background:black;color:#0f0;border:0.5vh solid #0f0;padding:2vh;margin:1vh;font-size:5vw;cursor:pointer;border-radius:0.5vh;}
  11. button:hover{background:#0f0;color:black;}
  12. input[type=range]{width:50%; margin:1vh;}
  13. #hud{display:flex;justify-content:space-between;padding:1vh;border-bottom:0.5vh solid #0f0;font-size:3vw;display:none;}
  14. #game{position:relative;height:60vh;background:black;overflow:hidden;transition:background 0.2s;display:none;}
  15. #screen{position:absolute;bottom:1vh;left:50%;transform:translateX(-50%);border:0.5vh solid #0f0;padding:1vh;width:60%;background:black;text-align:center;font-size:3vw;}
  16. #controls{text-align:center;padding:1vh;border-top:0.5vh solid #0f0;display:none;}
  17. #cameras{display:flex;justify-content:center;flex-wrap:wrap;margin:1vh;display:none;}
  18. .camera{width:20vw;height:15vh;border:0.5vh solid #0f0;margin:1vw;position:relative;background:black;cursor:pointer;}
  19. .camera span{position:absolute;bottom:0;left:0;color:#0f0;font-size:2vw;}
  20. .animatronic{width:10vw;height:auto;max-height:25vh;position:absolute;background-size:contain;background-repeat:no-repeat;transition:left 0.2s linear, top 0.2s linear;}
  21. #freddy{background-image:url('https://i.imgur.com/OYt0UQn.png');left:45%;top:40%;}
  22. #bonnie{background-image:url('https://i.imgur.com/6rKcKkX.png');left:0;top:0;}
  23. #chica{background-image:url('https://i.imgur.com/ZhVvMZo.png');left:80%;top:0;}
  24. #foxy{background-image:url('https://i.imgur.com/3kB4T3y.png');left:0;top:70%;}
  25. #mask{display:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20vw;height:auto;max-height:30vh;background:url('https://i.imgur.com/4kXvJ9a.png') no-repeat center/contain;z-index:1000;}
  26. #audioFreddy{display:none;}
  27. #jumpscare{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;justify-content:center;align-items:center;z-index:9999;}
  28. #ghost{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:url('https://i.imgur.com/8I6Qq6G.png') no-repeat center/contain;z-index:9999;}
  29. </style>
  30. </head>
  31. <body>
  32.  
  33. <div id="menu">
  34.   <h1 id="title">FNAF PRO MAX</h1>
  35.  
  36.   <h2 id="selectDifficulty">Scegli la difficoltà</h2>
  37.   <button onclick="setDifficulty('facile')">Facile</button>
  38.   <button onclick="setDifficulty('normale')">Normale</button>
  39.   <button onclick="setDifficulty('difficile')">Difficile</button>
  40.   <button onclick="setDifficulty('expert')">Expert</button>
  41.  
  42.   <h2 id="selectNight">Scegli la Notte</h2>
  43.   <button id="btn1" onclick="startGame(1)">Night 1</button>
  44.   <button id="btn2" onclick="startGame(2)">Night 2</button>
  45.   <button id="btn3" onclick="startGame(3)">Night 3</button>
  46.   <button id="btn4" onclick="startGame(4)">Night 4</button>
  47.   <button id="btn5" onclick="startGame(5)">Night 5</button>
  48.   <button id="btn6" onclick="startGame(6)" disabled>Night 6 🔒</button>
  49.  
  50.   <h2 id="selectLanguage">Lingua / Language / Langue</h2>
  51.   <button onclick="setLanguage('it')">🇮🇹 Italiano</button>
  52.   <button onclick="setLanguage('en')">🇬🇧 English</button>
  53.   <button onclick="setLanguage('fr')">🇫🇷 Français</button>
  54.  
  55.   <h2 id="selectSensitivity">Sensibilità Animatronics</h2>
  56.   <input type="range" id="sensitivitySlider" min="1" max="15" value="8" oninput="setSensitivity(this.value)">
  57.   <span id="sensitivityValue">8</span>
  58. </div>
  59.  
  60. <div id="hud">
  61.   <div id="nightDisplay">Notte 1</div>
  62.   <div id="timer">00:00</div>
  63. </div>
  64.  
  65. <div id="game">
  66.   <div id="screen"></div>
  67.   <div id="mask"></div>
  68.   <div id="cameras">
  69.     <div class="camera" onclick="switchCamera('Cam1')"><span>Cam 1</span></div>
  70.     <div class="camera" onclick="switchCamera('Cam2')"><span>Cam 2</span></div>
  71.     <div class="camera" onclick="switchCamera('Cam3')"><span>Cam 3</span></div>
  72.     <div class="camera" onclick="switchCamera('Cam4')"><span>Cam 4</span></div>
  73.   </div>
  74.   <div id="controls">
  75.     <button onclick="toggleMask()">Usa Maschera</button>
  76.   </div>
  77.   <div id="freddy" class="animatronic"></div>
  78.   <div id="bonnie" class="animatronic"></div>
  79.   <div id="chica" class="animatronic"></div>
  80.   <div id="foxy" class="animatronic"></div>
  81. </div>
  82.  
  83. <audio id="audioFreddy" src="https://www.soundjay.com/horror/freddy-laugh-01.mp3"></audio>
  84.  
  85. <script>
  86. // Variabili globali
  87. let difficulty = 'normale';
  88. let language = 'it';
  89. let sensitivity = 8;
  90. let currentNight = 1;
  91.  
  92. // Funzioni Menu
  93. function setDifficulty(diff){difficulty=diff;alert("Difficoltà: "+diff);}
  94. function setLanguage(lang){language=lang;alert("Lingua: "+lang);}
  95. function setSensitivity(val){sensitivity=val;document.getElementById('sensitivityValue').innerText=val;}
  96. function startGame(night){
  97.   currentNight=night;
  98.   document.getElementById('menu').style.display='none';
  99.   document.getElementById('hud').style.display='flex';
  100.   document.getElementById('game').style.display='block';
  101.   document.getElementById('screen').innerText="Night "+night+" - Buona fortuna!";
  102.   playFreddy();
  103. }
  104. function switchCamera(cam){document.getElementById('screen').innerText="Visuale: "+cam;}
  105. function toggleMask(){
  106.   let mask=document.getElementById('mask');
  107.   mask.style.display=(mask.style.display==='none')?'block':'none';
  108. }
  109.  
  110. // Audio
  111. function playFreddy(){
  112.   document.getElementById('audioFreddy').play();
  113. }
  114.  
  115. // Animazioni base (demo semplice)
  116. setInterval(()=>{
  117.   let freddy=document.getElementById('freddy');
  118.   freddy.style.left=Math.random()*80+"%";
  119.   freddy.style.top=Math.random()*60+"%";
  120. },3000);
  121. </script>
  122.  
  123. </body>
  124. </html>