# Five Nights Tribute ## About This App A survival horror game combining FNAF 1, 2, and 4 mechanics with atmospheric gameplay and jump scares ## Specification # Five Nights at Freddy's - Web Tribute Collection Create an immersive, atmospheric HTML5 Canvas horror survival game that pays tribute to Five Nights at Freddy's games 1, 2, and 4, combining the core mechanics of all three into a single terrifying web experience. ## App Type: HTML5 Canvas App This is best suited as an HTML5 Canvas app for rendering the dark, atmospheric environments, handling sprite-based animations, jump scares, and the point-and-click surveillance gameplay loop. ## Core Concept The player takes on the role of a night security guard (FNAF 1 & 2) or a child in a bedroom (FNAF 4) who must survive from 12AM to 6AM while animatronic characters attempt to reach them. The game is a resource-management/survival horror experience played through security cameras and door/light controls. ## Game Selection Menu ### Title Screen - Dark, eerie title screen with flickering neon-style text reading **"FIVE NIGHTS AT FREDDY'S - TRIBUTE COLLECTION"** - Creepy ambient background — dark tiled floor, subtle static noise overlay, occasional flicker effects - Three large selection cards/buttons for each game: - **FNAF 1** — "Freddy Fazbear's Pizza (Classic)" — icon of Freddy's face - **FNAF 2** — "The New & Improved Freddy Fazbear's Pizza" — icon of Toy Freddy - **FNAF 4** — "The Nightmare" — icon of Nightmare Freddy - Each card has a subtle red glow on hover and a distorted sound effect on click - Night selection (Night 1–5) after choosing a game - Use **Retrodiffusion API** to generate pixel-art portraits of each animatronic for the UI ## FNAF 1 — Gameplay ### Office View (Default Screen) - First-person view of the security office rendered on canvas — dark room with two doors (left and right), a desk with a fan, papers, a cupcake, and monitors - **Power meter** displayed in the bottom-left: starts at 100%, drains over time, drains faster when using doors/lights/cameras - **Time display** in the top-right: "12 AM" through "6 AM" — each hour lasts ~60 seconds of real time (total ~6 minutes per night) - **Usage indicator**: shows current power drain rate (1–4 bars) ### Controls - **Left Door Button** & **Right Door Button**: Toggle metal doors shut (drawn as large clickable buttons on left and right edges of the screen) - **Left Light Button** & **Right Light Button**: Briefly illuminate the hallway outside each door to check for animatronics - **Camera Toggle Button**: Large button at bottom-center to pull up/put down the security camera tablet ### Camera System - When cameras are up, show a grid-map of the restaurant with clickable camera nodes (CAM 1A, 1B, 1C, etc.) - Each camera shows a dark, grainy, static-overlaid view of a room - Animatronics (Freddy, Bonnie, Chica, Foxy) appear in different cameras as pixel-art sprites - Static/interference effect when switching cameras - Foxy has a special "Pirate Cove" camera that shows his curtain progressively opening ### Animatronic AI - Each animatronic has a simple movement pattern: - **Bonnie**: Moves through left-side rooms toward left door - **Chica**: Moves through right-side rooms toward right door - **Foxy**: Charges from Pirate Cove down the left hall if not checked periodically - **Freddy**: Sneaky, moves when cameras are down, harder to track - Movement frequency increases with each night - If an animatronic reaches the door and it's not closed → **JUMPSCARE** (fullscreen flash of the animatronic face with a loud distorted scream sound, then Game Over) ### Power Out Sequence - If power hits 0%: lights go out, doors open, Freddy's face flickers in the left doorway with a music box tune, then jump scare after a random delay ## FNAF 2 — Gameplay ### Office View - Wider office with **no doors** — instead, the player has: - **Freddy Fazbear Mask**: Put on the mask to fool animatronics at the office entrance (click to toggle) - **Flashlight**: Shine down the dark hallway in front (click and hold, has limited battery that slowly recharges) - **Camera system** similar to FNAF 1 but with a **music box** mechanic ### Music Box - One special camera (Prize Corner) has a music box that must be periodically wound up by clicking a "wind" button - If the music box runs down completely, **The Puppet** emerges and causes an unavoidable jump scare - Music box timer displayed as a winding indicator bar ### Animatronics - **Toy Animatronics** (Toy Freddy, Toy Bonnie, Toy Chica, Mangle) plus **Withered Animatronics** (old Freddy, Bonnie, Chica, Foxy) - Toy animatronics are fooled by the mask - Withered Foxy requires the flashlight to be shone at him repeatedly - **Balloon Boy** (BB) sneaks into the office and disables the flashlight if not caught in time - No power meter — but flashlight battery and music box create constant tension ### Vents - Animatronics can enter through left and right vents — indicated by audio cues and camera views - Player must quickly put on the mask when they arrive ## FNAF 4 — Gameplay ### Bedroom View - First-person view of a child's dark bedroom — bed in center, two doors (left hall, right hall), a closet ahead, and the bed behind - **No cameras** — entirely audio-based gameplay ### Mechanics - **Left & Right Doors**: Player clicks to walk to a door, then must **listen** for breathing sounds - If breathing is heard → close the door and hold it shut (click and hold) - If no breathing → flash the flashlight down the hall to scare animatronics back - If player flashes while animatronic is at the door → JUMPSCARE - **Closet**: Must periodically check — Nightmare Foxy hides inside, progressively emerging. Flash the light to push him back - **Bed**: Must check behind for **Freddles** (mini Freddys) accumulating on the bed. Flash them away or Nightmare Freddy assembles and attacks - **Flashlight**: Unlimited but can only be used in one direction at a time ### Animatronics - **Nightmare Freddy**: Sends Freddles to the bed - **Nightmare Bonnie**: Approaches from left hall - **Nightmare Chica**: Approaches from right hall (with Nightmare Cupcake) - **Nightmare Foxy**: Hides in closet - **Nightmare Fredbear** (Night 5+): Replaces all others, appears at either door or on the bed ### Audio Design - Heavy emphasis on spatial audio cues: footsteps getting louder, breathing, creaking, laughter - Use Web Audio API for directional sound hints (left vs right) - Ambience: deep hum, clock ticking, distant music box melodies ## Visual Style & Atmosphere - **Color Palette**: Extremely dark — blacks, deep grays, muted browns, with harsh white flashlight beams and red warning indicators - **Static/Grain Overlay**: Constant subtle VHS-style noise/scanlines over the camera views and during transitions - **Flickering Effects**: Lights flicker randomly, sprites occasionally glitch/distort - **Pixel Art Sprites**: Use **Retrodiffusion API** to generate pixel-art animatronic sprites (idle poses, hallway poses, jumpscare frames) — request dark horror-themed pixel art - **Jump Scare Rendering**: Full-canvas animatronic face with screen shake, color inversion flash, rapid zoom effect - **Font**: Monospace/pixelated font for all UI text — time display, power meter, camera labels ## UI Elements ### HUD (Heads-Up Display) - **Top-right**: Current time (12AM–6AM) in white pixelated text - **Bottom-left** (FNAF1): Power percentage and usage bars - **Bottom-center**: Context-sensitive action buttons (Camera toggle, Mask toggle, Flashlight) - **Top-left**: Current night number ("Night 1", "Night 2", etc.) ### Game Over Screen - Static-filled screen with "GAME OVER" in red distorted text - Options: "Try Again" / "Back to Menu" - Show which animatronic got the player ### Victory Screen (Surviving to 6AM) - Screen brightens, "6 AM" flashes with a chime sound - "YOU SURVIVED!" text with confetti of tiny pixel Freddy heads (adding humor) - Unlock next night / return to menu ### Settings/Pause - Small gear icon in corner to pause - Volume slider (SFX and ambience separate) - Sensitivity/difficulty info display ## Audio & Sound Design - Use Web Audio API to generate or play: - Ambient drone/hum (synthesized low-frequency oscillator) - Camera static sounds - Door slam sound effects - Breathing sounds (for FNAF 4) - Music box melody (simple generated tune) - Jump scare scream (distorted noise burst) - Footstep sounds at varying volumes for proximity - Clock ticking, fan whirring - "6 AM" victory chime ## Difficulty Scaling - **Night 1**: Slow animatronic movement, generous power/resources — tutorial-like - **Night 2–3**: Progressively faster movement, more active animatronics - **Night 4**: All animatronics very aggressive - **Night 5**: Maximum difficulty, unique animatronics (Nightmare Fredbear in FNAF4) - Save progress per game using **localStorage** ## Responsive Design - Canvas scales to fit viewport while maintaining aspect ratio - Touch-friendly controls for mobile (tap zones for doors, lights, cameras) - On mobile: slightly larger hit areas for buttons, simplified camera map ## Footer - Small, unobtrusive footer below the canvas: `Remix on Berrry` styled in dark gray to match the horror theme ## Easter Eggs & Humor - Occasionally, a very rare "Golden Freddy" frame flashes for 1 frame when switching cameras - If the player survives all 5 nights of all 3 games, show a silly congratulations screen: "You did it! Now go touch grass. 🍓" with Berrry branding - Loading screen tip: "Remember: They're more scared of you than you are of them. Just kidding. Run." ## About Berrry Berrry transforms your social media content into interactive web applications. Share a Twitter/X post or Reddit comment, and our AI creates a custom web app hosted at your own subdomain. **Visit**: https://berrry.app Transform your social media ideas into real web applications today.