make this with code import React, { useState, useEffect, useRef } from 'react'; const FNAFPoolGame = () => { const [gameState, setGameState] = useState('warning'); const [currentNight, setCurrentNight] = useState(1); const [time, setTime] = useState(0); const [power, setPower] = useState(100); const [cameraUp, setCameraUp] = useState(false); const [selectedCamera, setSelectedCamera] = useState('CAM1'); const [leftDoor, setLeftDoor] = useState(false); const [rightDoor, setRightDoor] = useState(false); const [leftLight, setLeftLight] = useState(false); const [rightLight, setRightLight] = useState(false); const [stars, setStars] = useState(() => { const saved = localStorage.getItem('fnafPoolStars'); return saved ? parseInt(saved) : 0; }); const [customLevels, setCustomLevels] = useState({ bubbles: 0, cuddles: 0, poolgirl: 0 }); const [cutscene, setCutscene] = useState(''); const [jumpscare, setJumpscare] = useState(null); const [highestNight, setHighestNight] = useState(() => { const saved = localStorage.getItem('fnafPoolHighestNight'); return saved ? parseInt(saved) : 1; }); const [animatronics, setAnimatronics] = useState({ bubbles: 'CAM1', cuddles: 'CAM1', poolgirl: 'CAM1' }); const [bubblesTimer, setBubblesTimer] = useState(0); const cameras = ['CAM1', 'CAM2', 'CAM3', 'CAM4', 'CAM5']; const startNight = (night) => { setCurrentNight(night); setTime(0); setPower(100); setCameraUp(false); setLeftDoor(false); setRightDoor(false); setLeftLight(false); setRightLight(false); setAnimatronics({ bubbles: 'CAM1', cuddles: 'CAM1', poolgirl: 'CAM1' }); setBubblesTimer(0); setJumpscare(null); setGameState('playing'); }; useEffect(() => { if (gameState === 'playing') { const timer = setInterval(() => { setTime(prev => { if (prev >= 6) { clearInterval(timer); if (currentNight === 5) { setStars(1); localStorage.setItem('fnafPoolStars', '1'); setHighestNight(6); localStorage.setItem('fnafPoolHighestNight', '6'); setCutscene('night5'); setGameState('cutscene'); } else if (currentNight === 6) { setStars(2); localStorage.setItem('fnafPoolStars', '2'); setHighestNight(7); localStorage.setItem('fnafPoolHighestNight', '7'); setCutscene('night6'); setGameState('cutscene'); } else if (currentNight === 7) { setStars(3); localStorage.setItem('fnafPoolStars', '3'); setCutscene('fired'); setGameState('cutscene'); } else { if (currentNight + 1 > highestNight) { setHighestNight(currentNight + 1); localStorage.setItem('fnafPoolHighestNight', String(currentNight + 1)); } startNight(currentNight + 1); } return prev; } return prev + 0.1; }); }, 9000); return () => clearInterval(timer); } }, [gameState, currentNight, highestNight]); useEffect(() => { if (gameState === 'playing' && power > 0) { const doorsCount = (leftDoor ? 1 : 0) + (rightDoor ? 1 : 0); let speed; if (doorsCount === 0) { speed = 3000; // Super slow when nothing is closed (3 seconds) } else if (doorsCount === 1) { speed = 1000; // 1 second when one door closed } else { speed = 333; // Every 3 per second when both doors closed (fast drain) } const drain = setInterval(() => { setPower(prev => { const newP = Math.max(0, prev - 1); if (newP === 0) { setTimeout(() => { setJumpscare('bubbles'); setTimeout(() => setGameState('gameover'), 2000); }, 1000); } return newP; }); }, speed); return () => clearInterval(drain); } }, [gameState, power, leftDoor, rightDoor]); useEffect(() => { if (gameState === 'playing') { const ai = setInterval(() => { const hour = Math.floor(time); let canMove = false, bubblesMove = false; if (currentNight === 1) canMove = hour >= 3; else if (currentNight === 2) { canMove = true; bubblesMove = false; } else if (currentNight >= 3) { canMove = hour >= 3; bubblesMove = hour >= 3; } setAnimatronics(prev => { const newPos = { ...prev }; if (canMove) { ['cuddles', 'poolgirl'].forEach(name => { if (Math.random() < 0.15) { const pos = newPos[name]; if (pos === 'LEFT_DOOR' && !leftDoor) { setJumpscare(name); setTimeout(() => setGameState('gameover'), 2000); } else if (pos === 'RIGHT_DOOR' && !rightDoor) { setJumpscare(name); setTimeout(() => setGameState('gameover'), 2000); } else { const r = Math.random(); newPos[name] = r < 0.3 ? 'LEFT_DOOR' : r < 0.6 ? 'RIGHT_DOOR' : cameras[Math.floor(Math.random() * cameras.length)]; } } }); } if (bubblesMove && currentNight >= 3) { setBubblesTimer(p => { if (p >= 30) { const r = Math.random(); newPos.bubbles = r < 0.3 ? 'LEFT_DOOR' : r < 0.6 ? 'RIGHT_DOOR' : cameras[Math.floor(Math.random() * cameras.length)]; return 0; } return p + 1; }); } return newPos; }); }, 5000); return () => clearInterval(ai); } }, [gameState, time, currentNight, leftDoor, rightDoor]); const CameraView = ({ cam }) => { const atCam = Object.entries(animatronics).filter(([_, pos]) => pos === cam); const showBubbles = atCam.some(([name]) => name === 'bubbles'); const showCuddles = atCam.some(([name]) => name === 'cuddles'); const showPoolgirl = atCam.some(([name]) => name === 'poolgirl'); const AnimatronicBubbles = ({ x, y }) => ( ); const AnimatronicCuddles = ({ x, y }) => ( ); const AnimatronicPoolgirl = ({ x, y }) => ( ); if (cam === 'CAM1') { return ( ); } if (cam === 'CAM2') { return ( ); } if (cam === 'CAM3') { return ( ); } if (cam === 'CAM4') { return ( ); } if (cam === 'CAM5') { return ( ); } }; const Jumpscare = ({ char }) => { const chars = { bubbles: { color: '#00BFFF', hands: [[120,150,40,60], [280,150,40,60]] }, cuddles: { color: '#6366F1', hands: [[110,150,35,55], [290,150,35,55]] }, poolgirl: { color: '#ADD8E6', hands: [[115,150,38,58], [285,150,38,58]] } }; const c = chars[char]; return (

); }; if (gameState === 'warning') { return (

setGameState('title')}>

WARNING!

This game contains:

Flashing lights
Loud noises
A lot of jumpscares

Click anywhere to continue

); } if (gameState === 'title') { return (

FIVE NIGHTS AT THE

SWIMMING POOL

{highestNight > 1 && highestNight <= 5 && ( )} {stars >= 1 && ( )} {stars >= 2 && ( )}

{[1,2,3].map(s =>

★

)}

); } if (gameState === 'custom') { const total = Object.values(customLevels).reduce((a,b) => a+b, 0); const diff = total > 13 ? 'EXTREME' : total > 5 ? 'HARD' : total > 2 ? 'MEDIUM' : 'EASY'; return (

CUSTOM NIGHT - NIGHT 7

Total: {total}/20

{diff}

{[{k:'bubbles',n:'Bubbles'},{k:'cuddles',n:'Cuddles'},{k:'poolgirl',n:'Pool Girl'}].map(({k,n}) => (

{n}

{customLevels[k]}

))}

); } if (gameState === 'cutscene') { return (

{ cutscene === 'newspaper' ? startNight(1) : setGameState('title'); }}>

{cutscene === 'newspaper' && (<>

THE DAILY SPLASH

NEW POOL IS OPEN!

We need someone to work here 12AM to 6AM!

Click to continue...

)} {cutscene === 'night5' && (<>

CONGRATULATIONS!

See you next week!

$12,490

Click...

)} {cutscene === 'night6' && (<>

CONGRATULATIONS!

You have earned some overtime!

$8,438,438

Click...

)} {cutscene === 'fired' && (<>

NOTICE OF TERMINATION

YOU'RE FIRED

REASON:

- Tampering with animatronics

- Odor

Click...

)}

); } if (gameState === 'gameover') { return (

setGameState('title')}>

GAME OVER

Click to return

); } const hour = Math.floor(time); const dHour = hour === 0 ? 12 : hour; const atLeft = Object.values(animatronics).some(p => p === 'LEFT_DOOR'); const atRight = Object.values(animatronics).some(p => p === 'RIGHT_DOOR'); return (

{jumpscare && } {!cameraUp && (

Enjoy!

ICE CREAM!

DOOR

LIGHT

{leftLight && atLeft &&

HERE!

}

DOOR

LIGHT

{rightLight && atRight &&

HERE!

}

)} {cameraUp && (

{selectedCamera}

{cameras.map(cam => )}

)}

Night {currentNight}

{dHour} AM

Power: {Math.floor(power)}%

); }; export default FNAFPoolGame;

Five Nights at the Swimming Pool

About this game

Comments

Game facts