Friday Night Funkin' - Free Online Rhythm Music Game

Seele01-Flash
By
Friday Night Funkin' (FNF) is a free online rhythm game where you help Boyfriend win rap battles through precise timing and musical skills. Play this addictive music game directly in your browser with no downloads required.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Friday Night Funkin' (3D Web Remake)". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "2.5D Paper Diorama" aesthetic. Use 2D flat sprites for the characters (Boyfriend, Daddy Dearest, Girlfriend) mapped onto vertical `THREE.PlaneGeometry` meshes facing the camera, positioned at different depth (Z-axis) intervals to create a parallax effect. * **Environment:** A dark, moody stage setting. Use low-poly 3D models for the large speakers (on which Girlfriend sits). The background should be a dark purple gradient wall with subtle brick texture. * **Lighting & Effects:** Implement a dynamic spotlight system. Two spotlights (SpotLight) pointing at the stage that pulse in intensity/brightness on every beat of the music. Use simple `THREE.Points` particles that explode outward from the arrow icons when a note is hit with "Sick!" timing. * **Mobile Optimization:** Use a Texture Atlas (Sprite Sheet) for character poses to reduce draw calls. Limit real-time shadows; use baked shadow textures on the floor beneath characters. ### 2. Audio Requirements * **BGM Style:** High-energy, 90s-influenced Funk/Hip-hop or Electro-pop. The track must have a distinct, punchy beat (BPM ~100-120). * **Sound Effects:** * **Vocals:** Distinct synthesized "Beep," "Bop," "Skdep," and "Boop" sounds that play when arrows are hit (different pitch for different arrows). * **Miss Sound:** A jarring vinyl scratch or discordant static noise when a note is missed. * **UI Sounds:** A crisp "Click" for menu selection and a "Cheer" sound for winning the round. ### 3. Gameplay Loop * **Core Mechanic:** A Rhythm Battle / "Call and Response" system. The enemy (Daddy Dearest) sings a pattern of notes first, and the player (Boyfriend) must mimic the pattern. * **Note System:** 4 lanes of colored arrows (Left/Purple, Down/Blue, Up/Green, Right/Red) scrolling upward from bottom to top. * **Scoring & Health:** * Implement a "Tug-of-War" health bar at the bottom. The bar starts in the middle (50/50). Successful hits push the green bar (Boyfriend) to the left (overtaking the enemy); misses push the red bar (Enemy) to the right. * **Defeat:** If the red bar covers the entire slider, Game Over. * **Victory:** Survive until the song ends. * **Timing Windows:** Define detection zones: "Sick" (Perfect), "Good", "Bad", and "Miss". ### 4. Mobile Controls & Interaction * **Touch Controls:** Divide the bottom 25% of the screen into 4 invisible vertical touch zones, perfectly aligned with the 4 visual note lanes (Left, Down, Up, Right). * **Orientation:** Force **Landscape Mode** to ensure lanes are wide enough for thumbs. * **Visual Feedback:** When a player touches a lane, the receptor arrow at the top must light up instantly (active state) to provide low-latency visual confirmation. * **Haptics:** Trigger `navigator.vibrate(20)` specifically when a note is hit with "Sick" (perfect) timing to enhance rhythmic satisfaction. * **UI Scaling:** The Health Bar and Score Text must be anchored to the screen edges with responsive scaling (using `window.innerWidth`) to ensure they don't block the gameplay area on notched phones. 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 captivating rhythm-based music game that has taken the gaming world by storm. This free-to-play browser game combines retro aesthetics with modern gameplay, creating an irresistible musical experience. You play as Boyfriend, a determined rapper who must prove his worth through intense musical battles to win his Girlfriend's heart.

The game features vibrant cartoon-style graphics reminiscent of 90s animations, paired with an incredible soundtrack that spans multiple musical genres. From funky hip-hop beats to spooky organ synths and electro-pop rhythms, Friday Night Funkin' offers a diverse musical journey that keeps players engaged for hours.

Core Features

Engaging Story Mode

The game's Story Mode takes you through weekly challenges, each featuring unique opponents and themed music tracks. Face off against colorful characters including Daddy Dearest (Girlfriend's rockstar father), Pico (an old rival), and many more memorable antagonists. Each week presents three or more songs that you must complete in sequence to progress.

Free Play Mode

Free Play Mode allows you to practice individual songs at your own pace. This mode is perfect for mastering difficult tracks before taking on the story challenges. You can replay your favorite songs and work on improving your scores without the pressure of progression.

Multiple Difficulty Levels

Friday Night Funkin' caters to players of all skill levels with three difficulty options: - Easy : Perfect for beginners learning the basics - Normal : Balanced challenge for casual players - Hard : Ultimate test for rhythm game masters

Original Soundtrack

The game features an outstanding original soundtrack with influences ranging from nu-jazz to Vocaloid dance beats. Popular tracks like "M.I.L.F" and "Ugh" have become viral sensations, showcasing the game's musical excellence.

Game Mechanics

Rhythm-Based Combat

The core gameplay revolves around arrow-key timing . Colored arrows scroll up the screen, and you must press the corresponding keys (WASD or arrow keys) when they align with the stationary markers. Success depends on your timing, pattern recognition, and ability to maintain the rhythm.

Health System

Your performance is tracked through a dynamic health bar that shifts based on your accuracy. Hit notes correctly to push the bar in your favor; miss too many notes and risk losing the battle. The tension builds as you fight to maintain your health throughout each song.

Scoring System

Each note hit is scored based on timing accuracy, with "Sick" being the highest rating for perfect timing. Master difficult songs to achieve higher scores and prove your rhythmic superiority.

How to Play

Basic Controls

  • WASD Keys or Arrow Keys : Match the on-screen arrows
  • Enter : Select menu options
  • ESC : Return to previous menu
  • + / - : Adjust volume
  • 0 : Mute audio

Gameplay Strategy

  1. Use Both Hands : Split controls between left and right hands for complex sequences
  2. Follow Patterns : Focus on recognizing musical patterns rather than individual arrows
  3. Feel the Rhythm : Let the music guide your timing instead of relying solely on visual cues
  4. Practice Regularly : Use Free Play mode to master challenging songs
  5. Start Easy : Begin with easier difficulty levels and gradually work your way up

Why Play Friday Night Funkin'

Completely Free

Friday Night Funkin' is 100% free to play with no hidden costs, premium content, or pay-to-win mechanics. Enjoy the full experience without spending a penny.

No Download Required

Play instantly in any modern web browser without downloading software or apps. The game runs smoothly on computers, tablets, and mobile devices.

Active Community

Join a thriving community of players and modders who continuously create new content. The game's open-source nature has inspired countless fan-made modifications and custom songs.

Nostalgic Appeal

Experience the charm of classic rhythm games like Dance Dance Revolution and Guitar Hero, reimagined with fresh characters and modern design sensibilities.

Perfect for All Ages

The game's cartoon aesthetics and family-friendly content make it suitable for players of all ages, while the challenging gameplay keeps even experienced gamers engaged.

Cross-Platform Compatibility

Play seamlessly across different devices and platforms. Your progress and skills transfer naturally whether you're playing on a desktop computer or mobile device.

Friday Night Funkin' represents the perfect blend of accessibility, challenge, and entertainment. Whether you're a rhythm game veteran or a complete newcomer to the genre, FNF offers an engaging musical adventure that will test your timing, challenge your skills, and keep you coming back for more funky beats.

Frequently Asked Questions (FAQ)