Fnaf PRO MAX - Gioco completo

jennymata2011

Jan 10th, 2026

Never

Not a member of gistpad yet? Sign Up, it unlocks many cool features!

HTML 28.68 KB | Source Code | 0 0

copy raw download clone embed print report

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>FNAF PRO MAX</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{margin:0;background:black;overflow:hidden;font-family:monospace;}
#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;}
button{background:black;color:#0f0;border:0.5vh solid #0f0;padding:2vh;margin:1vh;font-size:5vw;cursor:pointer;border-radius:0.5vh;}
button:hover{background:#0f0;color:black;}
input[type=range]{width:50%; margin:1vh;}
#hud{display:flex;justify-content:space-between;padding:1vh;border-bottom:0.5vh solid #0f0;font-size:3vw;display:none;}
#game{position:relative;height:60vh;background:black;overflow:hidden;transition:background 0.2s;display:none;}
#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;}
#controls{text-align:center;padding:1vh;border-top:0.5vh solid #0f0;display:none;}
#cameras{display:flex;justify-content:center;flex-wrap:wrap;margin:1vh;display:none;}
.camera{width:20vw;height:15vh;border:0.5vh solid #0f0;margin:1vw;position:relative;background:black;cursor:pointer;}
.camera span{position:absolute;bottom:0;left:0;color:#0f0;font-size:2vw;}
.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;}
#freddy{background-image:url('https://i.imgur.com/OYt0UQn.png');left:45%;top:40%;}
#bonnie{background-image:url('https://i.imgur.com/6rKcKkX.png');left:0;top:0;}
#chica{background-image:url('https://i.imgur.com/ZhVvMZo.png');left:80%;top:0;}
#foxy{background-image:url('https://i.imgur.com/3kB4T3y.png');left:0;top:70%;}
#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;}
#audioFreddy{display:none;}
#jumpscare{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;justify-content:center;align-items:center;z-index:9999;}
#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;}
</style>
</head>
<body>
<div id="menu">
<h1 id="title">FNAF PRO MAX</h1>
<h2 id="selectDifficulty">Scegli la difficoltà</h2>
<button onclick="setDifficulty('facile')">Facile</button>
<button onclick="setDifficulty('normale')">Normale</button>
<button onclick="setDifficulty('difficile')">Difficile</button>
<button onclick="setDifficulty('expert')">Expert</button>
<h2 id="selectNight">Scegli la Notte</h2>
<button id="btn1" onclick="startGame(1)">Night 1</button>
<button id="btn2" onclick="startGame(2)">Night 2</button>
<button id="btn3" onclick="startGame(3)">Night 3</button>
<button id="btn4" onclick="startGame(4)">Night 4</button>
<button id="btn5" onclick="startGame(5)">Night 5</button>
<button id="btn6" onclick="startGame(6)" disabled>Night 6 🔒</button>
<h2 id="selectLanguage">Lingua / Language / Langue</h2>
<button onclick="setLanguage('it')">🇮🇹 Italiano</button>
<button onclick="setLanguage('en')">🇬🇧 English</button>
<button onclick="setLanguage('fr')">🇫🇷 Français</button>
<h2 id="selectSensitivity">Sensibilità Animatronics</h2>
<input type="range" id="sensitivitySlider" min="1" max="15" value="8" oninput="setSensitivity(this.value)">
<span id="sensitivityValue">8</span>
</div>
<div id="hud">
<div id="nightDisplay">Notte 1</div>
<div id="timer">00:00</div>
</div>
<div id="game">
<div id="screen"></div>
<div id="mask"></div>
<div id="cameras">
<div class="camera" onclick="switchCamera('Cam1')"><span>Cam 1</span></div>
<div class="camera" onclick="switchCamera('Cam2')"><span>Cam 2</span></div>
<div class="camera" onclick="switchCamera('Cam3')"><span>Cam 3</span></div>
<div class="camera" onclick="switchCamera('Cam4')"><span>Cam 4</span></div>
</div>
<div id="controls">
<button onclick="toggleMask()">Usa Maschera</button>
</div>
<div id="freddy" class="animatronic"></div>
<div id="bonnie" class="animatronic"></div>
<div id="chica" class="animatronic"></div>
<div id="foxy" class="animatronic"></div>
</div>
<audio id="audioFreddy" src="https://www.soundjay.com/horror/freddy-laugh-01.mp3"></audio>
<script>
// Variabili globali
let difficulty = 'normale';
let language = 'it';
let sensitivity = 8;
let currentNight = 1;
// Funzioni Menu
function setDifficulty(diff){difficulty=diff;alert("Difficoltà: "+diff);}
function setLanguage(lang){language=lang;alert("Lingua: "+lang);}
function setSensitivity(val){sensitivity=val;document.getElementById('sensitivityValue').innerText=val;}
function startGame(night){
currentNight=night;
document.getElementById('menu').style.display='none';
document.getElementById('hud').style.display='flex';
document.getElementById('game').style.display='block';
document.getElementById('screen').innerText="Night "+night+" - Buona fortuna!";
playFreddy();
}
function switchCamera(cam){document.getElementById('screen').innerText="Visuale: "+cam;}
function toggleMask(){
let mask=document.getElementById('mask');
mask.style.display=(mask.style.display==='none')?'block':'none';
}
// Audio
function playFreddy(){
document.getElementById('audioFreddy').play();
}
// Animazioni base (demo semplice)
setInterval(()=>{
let freddy=document.getElementById('freddy');
freddy.style.left=Math.random()*80+"%";
freddy.style.top=Math.random()*60+"%";
},3000);
</script>
</body>
</html>

RAW Gist Data Copied

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>FNAF PRO MAX</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{margin:0;background:black;overflow:hidden;font-family:monospace;}
#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;}
button{background:black;color:#0f0;border:0.5vh solid #0f0;padding:2vh;margin:1vh;font-size:5vw;cursor:pointer;border-radius:0.5vh;}
button:hover{background:#0f0;color:black;}
input[type=range]{width:50%; margin:1vh;}
#hud{display:flex;justify-content:space-between;padding:1vh;border-bottom:0.5vh solid #0f0;font-size:3vw;display:none;}
#game{position:relative;height:60vh;background:black;overflow:hidden;transition:background 0.2s;display:none;}
#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;}
#controls{text-align:center;padding:1vh;border-top:0.5vh solid #0f0;display:none;}
#cameras{display:flex;justify-content:center;flex-wrap:wrap;margin:1vh;display:none;}
.camera{width:20vw;height:15vh;border:0.5vh solid #0f0;margin:1vw;position:relative;background:black;cursor:pointer;}
.camera span{position:absolute;bottom:0;left:0;color:#0f0;font-size:2vw;}
.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;}
#freddy{background-image:url('https://i.imgur.com/OYt0UQn.png');left:45%;top:40%;}
#bonnie{background-image:url('https://i.imgur.com/6rKcKkX.png');left:0;top:0;}
#chica{background-image:url('https://i.imgur.com/ZhVvMZo.png');left:80%;top:0;}
#foxy{background-image:url('https://i.imgur.com/3kB4T3y.png');left:0;top:70%;}
#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;}
#audioFreddy{display:none;}
#jumpscare{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;justify-content:center;align-items:center;z-index:9999;}
#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;}
</style>
</head>
<body>

<h2 id="selectDifficulty">Scegli la difficoltà</h2>
  <button onclick="setDifficulty('facile')">Facile</button>
  <button onclick="setDifficulty('normale')">Normale</button>
  <button onclick="setDifficulty('difficile')">Difficile</button>
  <button onclick="setDifficulty('expert')">Expert</button>

<h2 id="selectNight">Scegli la Notte</h2>
  <button id="btn1" onclick="startGame(1)">Night 1</button>
  <button id="btn2" onclick="startGame(2)">Night 2</button>
  <button id="btn3" onclick="startGame(3)">Night 3</button>
  <button id="btn4" onclick="startGame(4)">Night 4</button>
  <button id="btn5" onclick="startGame(5)">Night 5</button>
  <button id="btn6" onclick="startGame(6)" disabled>Night 6 🔒</button>

<h2 id="selectLanguage">Lingua / Language / Langue</h2>
  <button onclick="setLanguage('it')">🇮🇹 Italiano</button>
  <button onclick="setLanguage('en')">🇬🇧 English</button>
  <button onclick="setLanguage('fr')">🇫🇷 Français</button>

<h2 id="selectSensitivity">Sensibilità Animatronics</h2>
  <input type="range" id="sensitivitySlider" min="1" max="15" value="8" oninput="setSensitivity(this.value)">
  <span id="sensitivityValue">8</span>
</div>

<div id="hud">
  <div id="nightDisplay">Notte 1</div>
  <div id="timer">00:00</div>
</div>

<div id="game">
  <div id="screen"></div>
  <div id="mask"></div>
  <div id="cameras">
    <div class="camera" onclick="switchCamera('Cam1')"><span>Cam 1</span></div>
    <div class="camera" onclick="switchCamera('Cam2')"><span>Cam 2</span></div>
    <div class="camera" onclick="switchCamera('Cam3')"><span>Cam 3</span></div>
    <div class="camera" onclick="switchCamera('Cam4')"><span>Cam 4</span></div>
  </div>
  <div id="controls">
    <button onclick="toggleMask()">Usa Maschera</button>
  </div>
  <div id="freddy" class="animatronic"></div>
  <div id="bonnie" class="animatronic"></div>
  <div id="chica" class="animatronic"></div>
  <div id="foxy" class="animatronic"></div>
</div>

// Funzioni Menu
function setDifficulty(diff){difficulty=diff;alert("Difficoltà: "+diff);}
function setLanguage(lang){language=lang;alert("Lingua: "+lang);}
function setSensitivity(val){sensitivity=val;document.getElementById('sensitivityValue').innerText=val;}
function startGame(night){
  currentNight=night;
  document.getElementById('menu').style.display='none';
  document.getElementById('hud').style.display='flex';
  document.getElementById('game').style.display='block';
  document.getElementById('screen').innerText="Night "+night+" - Buona fortuna!";
  playFreddy();
}
function switchCamera(cam){document.getElementById('screen').innerText="Visuale: "+cam;}
function toggleMask(){
  let mask=document.getElementById('mask');
  mask.style.display=(mask.style.display==='none')?'block':'none';
}

// Audio
function playFreddy(){
  document.getElementById('audioFreddy').play();
}

// Animazioni base (demo semplice)
setInterval(()=>{
  let freddy=document.getElementById('freddy');
  freddy.style.left=Math.random()*80+"%";
  freddy.style.top=Math.random()*60+"%";
},3000);
</script>

</body>
</html>