Friday Night Funkin' (FNF) - Music Rhythm Game

Seele01-Flash
By
Friday Night Funkin' (FNF) is an addictive music rhythm game where you battle opponents through musical duels. Hit arrow keys perfectly to the beat and prove your rhythm skills in this free browser game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Friday Night Funkin' (2.5D WebGL Edition)**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Adhere to a "Paper Cutout" or "2.5D" aesthetic. Use `THREE.PlaneGeometry` with transparent textures for characters (Boyfriend, Opponent, Girlfriend) to mimic the original 2D flash art style, but place them in a 3D depth environment (e.g., Girlfriend on speakers in the back, Boyfriend/Opponent in the front). * **Art Direction:** High-contrast, vibrant "Graffiti" palette (Cyan #00FFFF, Magenta #FF00FF, Electric Blue). * **Environment:** A dimly lit concert stage. Implement dynamic "Disco Lighting" using `THREE.SpotLight` that changes color or intensity based on the music beat. * **Note Assets:** Use 3D arrows (or flat sprites) that scroll upwards. They should have distinct colors: Left (Purple), Down (Blue), Up (Green), Right (Red). * **Optimization:** Use texture atlases for character animations (Idle, Sing Left, Sing Right, etc.) to minimize draw calls. Ensure textures are power-of-two (e.g., 512x512) for mobile GPU compatibility. ### 2. Audio Requirements * **BGM Style:** High-energy Nu-Jazz / Electronic Dance Music with a strong, syncopated beat. The track must allow for a "Call and Response" structure (Opponent sings, then Player sings). * **Synthesis:** If real vocals aren't available, generate "beep boop" synthesizer tones to represent character voices, varying in pitch based on the note direction (Up=High pitch, Down=Low pitch). * **SFX:** * **Hit:** A crisp snare or clap sound when a note is successfully hit. * **Miss:** A jarring "microphone feedback" or "record scratch" sound. * **Game Over:** A "blue ball" cracking sound or a slowing-down tape effect. ### 3. Gameplay Loop * **Core Mechanic:** A rhythm battle system. Arrows float from the bottom to the top of the screen. The player must tap the corresponding lane when the moving arrow overlaps with the fixed "Strum Line" (receptor) at the top. * **Health System:** A "Tug-of-War" health bar at the bottom. * Successful hits push the bar green (player advantage). * Misses or opponent hits push the bar red (opponent advantage). * **Game Over:** If the bar becomes fully red. * **Scoring:** Implement a judgment system based on timing accuracy: "SICK!" (Perfect), "GOOD", "BAD", "SHIT" (Miss). * **Camera:** The camera should subtly zoom in on the character currently singing (Camera pans to Dad when he sings, pans to Boyfriend when player sings). ### 4. Mobile Controls & Interaction * **Orientation:** **Landscape Mode** is mandatory to accommodate four distinct note lanes. * **Touch Controls:** Split the screen bottom into 4 transparent, equal-width touch zones representing Left, Down, Up, Right. * **Visual Feedback:** When a zone is touched, the corresponding "Receptor Arrow" at the top should light up/glow instantly. * **Haptic Feedback:** Trigger `navigator.vibrate(10)` on every successful "SICK" or "GOOD" hit to provide tactile rhythm reinforcement. * **UI Layout:** * Score and Accuracy text in the top-left (prevent occlusion by fingers). * Pause button in the top-right corner (min size 44x44px). * The "Strum Line" (target arrows) should be positioned at the top 20% of the screen so the player's thumbs at the bottom don't cover the incoming notes. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Friday Night Funkin' (commonly known as FNF ) is a phenomenally popular music rhythm game that has taken the internet by storm. In this engaging musical adventure, you play as Boyfriend, a blue-haired character trying to win over his girlfriend by impressing her ex-rockstar father through the power of music. The game combines catchy beats, colorful pixel art graphics, and challenging rhythm gameplay that will test your timing and coordination skills.

The game features multiple weeks of increasingly difficult musical battles, each with unique songs and opponents. What started as a simple rhythm game has evolved into a cultural phenomenon with an active modding community and countless fan-created content.

Core Features

Story Mode Adventure

Progress through multiple weeks of musical battles, each featuring different opponents and increasingly complex songs. Start with simple rhythms and work your way up to incredibly challenging tracks that will push your skills to the limit.

Freeplay Mode

Once you've experienced the story, dive into freeplay mode where you can practice any song, play against any character, and perfect your technique without pressure. Choose your difficulty level and enjoy unlimited access to all the game's musical content.

Multiple Difficulty Levels

  • Easy : Perfect for beginners learning the basic mechanics
  • Normal : Standard difficulty for casual players
  • Hard : Intense challenge for rhythm game veterans

Distinctive Visual Style

Enjoy the game's unique pixel art aesthetic with vibrant colors, expressive character animations, and smooth visual effects that perfectly complement the musical gameplay.

Open Source Community

As an open-source project, Friday Night Funkin' has inspired countless mods, custom songs, and community creations that extend the game's replay value infinitely.

Gameplay Mechanics

Rhythm Battle System

The core gameplay revolves around hitting the correct arrow keys in time with the music. Watch the falling arrows and press the corresponding keys (WASD or arrow keys) precisely when they align with the judgment line.

Scoring and Performance

  • Perfect hits : Maximum points and health recovery
  • Good hits : Decent points with slight health gain
  • Missed notes : Health loss and score penalties
  • Combo system : Build combos for bonus points

Health Bar Mechanics

Maintain your health bar by hitting notes accurately. Miss too many notes and your health will drain, leading to a game over. Perfect timing is essential for survival in harder difficulties.

Operation Guide

Basic Controls

  • Arrow Keys or WASD : Hit corresponding notes (Left, Down, Up, Right)
  • Enter : Select/Confirm menu options
  • Escape : Go back/Return to previous menu
  • Volume Controls :
  • "+" key: Increase volume
  • "-" key: Decrease volume
  • "0" key: Mute audio

Getting Started

  1. Tutorial : Complete the tutorial level to learn basic mechanics
  2. Story Mode : Start with Week 1 and progress through increasingly difficult weeks
  3. Difficulty Selection : Choose your preferred difficulty level before each song
  4. Freeplay : Practice individual songs or play for fun without story progression

Pro Tips for Success

  • Focus on the rhythm rather than just the visual cues
  • Start with easier difficulties and gradually work your way up
  • Use headphones for better audio timing
  • Practice regularly to improve your reaction time and accuracy

Why Play Friday Night Funkin'

Completely Free Experience

Enjoy the full Friday Night Funkin' experience at no cost. Play directly in your browser without downloads, subscriptions, or hidden fees.

Addictive Musical Gameplay

The combination of catchy original music, challenging rhythm gameplay, and progressive difficulty creates an incredibly engaging experience that keeps players coming back for more.

Perfect for All Skill Levels

Whether you're new to rhythm games or a seasoned veteran, FNF offers adjustable difficulty settings that provide appropriate challenges for every player.

Cross-Platform Compatibility

Play on any device with a web browser - desktop computers, laptops, tablets, and mobile devices all support the game seamlessly.

Active Community

Join millions of players worldwide in one of the most active gaming communities online. Share scores, discover mods, and participate in the cultural phenomenon that is Friday Night Funkin'.

Original Soundtrack

Experience an incredible original soundtrack featuring diverse musical styles from nu-jazz to dance beats. Each track is carefully crafted to provide both musical enjoyment and gameplay challenge.

Friday Night Funkin' offers an unmatched combination of musical creativity, challenging gameplay, and community engagement that has made it one of the most beloved indie games of recent years.

Frequently Asked Questions (FAQ)