Friday Night Funkin' - Music Rhythm Game

Seele01-Flash
By
Friday Night Funkin' (FNF) is a popular music rhythm game where you engage in epic rap battles to win over your girlfriend's father. Use precise timing and arrow key controls to match the beat and outperform your opponents.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Friday Night Funkin' (3D Diorama Remake)**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a "2.5D Paper Theatre" aesthetic. Use flat, 2D plane geometries with transparent textures for the characters (Boyfriend, Opponent, Girlfriend on speakers) using a "Billboarding" technique so they always face the camera, preserving the original Flash/Newgrounds art style within a 3D world. * **Environment:** A low-poly 3D stage background (dark alleyway or concert stage) with neon graffiti textures. The lighting should be dynamic—specifically, spot lights that pulse/change color in sync with the music beat. * **UI Assets:** High-contrast, graffiti-style arrows (Left, Down, Up, Right). The "Static Target Arrows" should be at the top of the screen, and "Note Arrows" should float upwards from the bottom. * **Performance:** Use texture atlases for the 2D sprites to minimize draw calls. Ensure the camera field of view (FOV) is optimized for mobile screens so all characters and UI elements fit without clipping. ### 2. Audio Requirements * **BGM Style:** High-energy "Nu-jazz" mixed with "Vocaloid dance beats." The track must have a distinct, heavy bassline to guide the rhythm. * **Dynamic Audio:** The track needs two channels: an instrumental backing track and a "vocals" track. When the player misses a note, the vocal track volume should momentarily mute or be replaced by a discordant "miss" sound. * **SFX:** * **Hit:** A crisp snare or clap sound (visual feedback sync). * **Miss:** A microphone feedback screech or an electric buzz. * **Game Over:** A "blue balls" cracked bone sound or a vinyl record scratch. ### 3. Gameplay Loop * **Core Mechanic:** A "Call and Response" rhythm battle. The opponent sings a pattern (arrows appear but are greyed out/auto-played), followed immediately by the player's turn to mimic the pattern. * **Scoring System:** Implement a "Tug-of-War" health bar at the bottom. * **Perfect Hit:** Pushes the bar icon to the right (green) and adds score. * **Miss/Bad Timing:** Pushes the bar icon to the left (red). If the icon reaches the far left, Game Over. * **Accuracy:** define hit windows: Sick (Perfect), Good, Bad, and Sh*t (Miss). ### 4. Mobile Controls & Interaction * **Screen Orientation:** Forced **Landscape Mode** to accommodate the wide stage layout and the four directional lanes. * **Touch Controls:** Divide the screen width into 4 invisible vertical touch zones corresponding to the arrow lanes (Left, Down, Up, Right). * **Visual Feedback:** When a zone is touched, the corresponding "Static Target Arrow" at the top must light up/glow immediately to indicate input registration. * **UI Size:** Ensure the arrow lanes are wide enough for adult thumbs (minimum touch target width of 20% of screen width per lane). * **Haptics:** Trigger `navigator.vibrate(10)` on every successful "Sick" or "Good" hit to provide tactile rhythm feedback. Trigger a longer vibration (e.g., 200ms) on Game Over. * **Pause Menu:** A simple tap button in the top-right corner (away from play zones) to pause the music and loop. 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 an addictive music rhythm game that has taken the online gaming world by storm. In this colorful and energetic game, you play as Boyfriend, a blue-haired character on a mission to impress his girlfriend's ex-rockstar father through the power of music and rap battles.

The game features a unique cartoon art style with vibrant colors and memorable characters. What sets Friday Night Funkin' apart is its engaging storyline combined with challenging rhythm-based gameplay that tests your timing and musical skills.

Core Features

Story Mode Adventure

Embark on a musical journey through multiple weeks of freestyle rap battles. Each week introduces new opponents with increasingly complex songs and challenging rhythms. Start with simple beats and progress to intricate duets that will test even experienced rhythm game players.

Free Play Mode

Once you've mastered the story mode, dive into free play mode where you can battle against any character from the game. Perfect your skills on your favorite tracks or challenge yourself with the most difficult songs.

Adjustable Difficulty Levels

Whether you're a beginner or a rhythm game veteran, Friday Night Funkin' accommodates all skill levels. Choose from multiple difficulty settings to find the perfect challenge for your abilities.

Memorable Soundtrack

Enjoy an incredible soundtrack featuring a range of musical influences from nu-jazz to electronic dance beats. Each track is carefully crafted to provide an engaging rhythm gaming experience.

Vibrant Visual Style

The game features eye-catching cartoon graphics with smooth animations that perfectly complement the musical gameplay. Each character has unique designs and personality that shine through their musical performances.

Game Mechanics

Rhythm-Based Combat

Success in Friday Night Funkin' depends on your ability to hit the right notes at the right time. Watch the arrows scroll up the screen and press the corresponding keys when they align with the targets at the top.

Progressive Difficulty

Songs start simple with basic four-beat patterns but quickly evolve into complex compositions featuring rapid sequences, holds, and intricate timing challenges.

Opponent Mirroring

In story mode, you must mirror your opponent's singing patterns using precise timing and accuracy. Miss too many notes, and you'll lose the battle!

Operation Guide

Basic Controls

  • Arrow Keys or WASD : Press in time with the music to hit notes
  • Enter : Select menu options
  • Escape : Go back to previous menu
  • + and - Keys : Adjust volume up and down
  • 0 Key : Mute audio

Gameplay Tips

  1. Start with the Tutorial : Master the basics before jumping into story mode
  2. Focus on Timing : Accuracy is more important than speed
  3. Use Audio Cues : Listen to the music rhythm, don't just watch the arrows
  4. Practice in Free Play : Replay difficult songs to improve your skills
  5. Adjust Difficulty : Don't hesitate to lower the difficulty while learning

Winning Strategies

  • Stay Relaxed : Tension in your hands will slow down your reactions
  • Anticipate Patterns : Learn to recognize common note sequences
  • Build Gradually : Start with easier songs and work your way up
  • Use Both Control Options : Try both arrow keys and WASD to find your preference

Why Play Friday Night Funkin'

Completely Free Entertainment

Friday Night Funkin' is completely free to play online with no hidden costs or premium content. Jump right in and enjoy all features without any payment barriers.

Perfect for Music Lovers

If you enjoy music games or have a passion for rhythm and timing challenges, FNF offers an incredibly satisfying gameplay experience that will keep you coming back for more.

Accessible Yet Challenging

The game strikes the perfect balance between being easy to learn but difficult to master. New players can quickly understand the basics, while experienced gamers will find plenty of challenge in the harder difficulties.

Great for Skill Development

Playing Friday Night Funkin' helps improve hand-eye coordination, timing, and musical appreciation. It's entertainment that also develops valuable cognitive skills.

Community and Culture

Join a massive community of FNF fans who create content, share strategies, and celebrate this unique rhythm gaming experience. The game has spawned countless fan creations and has become a cultural phenomenon.

Browser-Based Convenience

No downloads or installations required - simply open your web browser and start playing immediately. Perfect for quick gaming sessions or extended play periods.

Frequently Asked Questions (FAQ)