Friday Night Funkin' - Free Online Music Rhythm Game

Seele01-Flash
By
Friday Night Funkin' (FNF) is a popular free online music rhythm game where you battle opponents through musical rap battles. Use arrow keys to match the beat and win your girlfriend's father's approval through the power of music.

Prompt

MODEL: Seele01-Flash
Based on the provided game information and visual analysis of *Friday Night Funkin'*, here is the detailed technical development prompt designed for a mobile-first Three.js implementation. Please use Three.js to generate a **mobile-first game** with the theme "**Funkin' Rhythm Battle Mobile**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Replicate the iconic "Newgrounds Flash" aesthetic using 2D sprites in a 3D environment (2.5D style). Use flat shading and bold outlines. The color palette should be vibrant, featuring high-contrast neon blues, magentas, and blacks. * **Characters (Billboards)**: Implement the player character ("Boyfriend") and the opponent as `THREE.Sprite` or flat planes (`THREE.Mesh` with `PlaneGeometry`) that always face the camera. Use sprite sheets for animations (Idle, Sing Up, Sing Down, Sing Left, Sing Right). * **Environment**: Create a simple stage background (e.g., a stage floor and a cityscape backdrop). To optimize for mobile, use a single baked texture for the background rather than complex geometry. * **UI/HUD**: The UI needs to be rendered on top of the 3D scene. * **Note Highway**: Create four static grey arrows at the top (or bottom, selectable) of the screen. Incoming notes are colored arrows (Left=Purple, Down=Blue, Up=Green, Right=Red) moving towards the static arrows. * **Health Bar**: A linear bar at the bottom. Green represents the player, Red represents the opponent. It shifts dynamically based on performance. * **Performance Optimization**: * Limit the number of simultaneous draw calls. * Use texture atlases for all character sprites to reduce memory usage on mobile devices. * Target a steady 60 FPS on mobile browsers. ### 2. Audio Requirements * **BGM (Background Music)**: The code must support distinct audio tracks. Use a high-energy, funky electronic/nu-jazz instrumental track similar to "Vocaloid dance beats." * *Implementation Note*: The audio needs to be perfectly synced with the visual "Note Highway." Use the Web Audio API or `THREE.AudioListener`. * **SFX (Sound Effects)**: * **"Miss" Sound**: A jarring, discordant buzz or record scratch when the player misses a note. * **"Hit" Vocals**: Since the characters "sing," successful hits should trigger synthesized vocal samples (beep-bop-skdoo style sounds) pitched to the track if possible, or simply mute the vocal track when missing. * **Menu Sounds**: Crisp clicks for UI selection. ### 3. Gameplay Loop * **Rhythm Mechanism**: The core mechanic involves pressing the correct directional input at the exact moment a moving arrow overlaps with the stationary target arrow. * **Turn-Based Call & Response**: The gameplay follows a "Simon Says" pattern. The opponent sings a pattern first (camera focuses on them), and then the player must mirror or respond to that pattern (camera pans to player). * **Scoring & Health**: * **Perfect/Great/Good**: Accuracy determines score. * **Miss**: Reduces the health bar. If the bar goes completely red (empty for player), the game triggers a "Game Over" state with a "Retry" button. * **Win Condition**: Survive until the song ends. * **Difficulty Scaling**: Increase the scroll speed of arrows (Note Speed) and density of notes as the song progresses. ### 4. Mobile Controls & Interaction * **Orientation**: **Landscape Mode** is mandatory to accommodate the two characters and the wide note highway. * **Touch Input Layout**: * Replace physical WASD/Arrows with a **Split-Screen Touch Controller**. * **Left Side of Screen**: Two large virtual buttons for LEFT and UP (or Left/Down). * **Right Side of Screen**: Two large virtual buttons for DOWN and RIGHT (or Up/Right). * *Alternative*: A D-Pad on the left and action buttons on the right, mapped to the 4 directions. * Ensure buttons have a minimum touch target of 60x60px. * **Visual Feedback**: * When a button is pressed, the corresponding virtual button should light up or scale down slightly. * On a successful hit, a rating text ("SICK!", "GOOD", "BAD") should pop up in the center of the screen with a slight scale animation. * **Haptic Feedback**: Trigger a short vibration (`navigator.vibrate(5)`) on "Miss" or "Perfect" hits to provide tactile feedback to the mobile player. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Friday Night Funkin'

Friday Night Funkin' (commonly known as FNF) is an addictive music rhythm game that has captured millions of players worldwide. In this vibrant, cartoon-styled game, you play as Boyfriend, a blue-haired character trying to impress your girlfriend's ex-rockstar father through epic musical rap battles. The game combines catchy beats, colorful graphics, and challenging rhythm gameplay that will keep you coming back for more.

The story revolves around multiple weeks of freestyle music battles where you must prove your musical prowess. Each week introduces new opponents, songs, and increasingly complex rhythm patterns that will test your timing and coordination skills.

Core Features

Story Mode Adventure

Progress through multiple weeks of musical challenges, each featuring unique opponents and original songs. The difficulty gradually increases, introducing more complex beat patterns and duet sequences that require perfect timing.

Free Play Mode

Once you've mastered songs in story mode, enjoy unlimited access to all tracks in free play mode. Practice your favorite beats, challenge yourself with harder difficulties, or simply vibe to the amazing soundtrack.

Adjustable Difficulty

Whether you're a rhythm game beginner or expert, Friday Night Funkin' offers multiple difficulty settings. Start easy to learn the basics, then ramp up the challenge for intense musical battles.

Vibrant Art Style

The game features a distinctive cartoon art style with colorful characters, smooth animations, and eye-catching visual effects that perfectly complement the energetic music.

Original Soundtrack

Enjoy an incredible collection of original music tracks ranging from nu-jazz influences to Vocaloid dance beats. Each song is carefully crafted to provide an engaging rhythm gaming experience.

Game Mechanics

Rhythm Battle System

The core gameplay revolves around musical battles where you must mirror your opponent's singing patterns. Watch the arrow indicators and press the corresponding keys exactly in time with the music to score points and outperform your rivals.

Progressive Difficulty

Songs start with simple, easy-to-follow patterns but gradually introduce more complex sequences. Later levels feature rapid-fire note combinations and intricate duet sections that challenge even experienced players.

Operation Guide

Basic Controls

  • Arrow Keys or WASD : Match the on-screen arrows by pressing the corresponding keys in perfect timing with the music
  • Enter : Select menu options and confirm choices
  • Escape : Go back to previous menu or pause game
  • + and - Keys : Adjust volume levels during gameplay
  • 0 Key : Instantly mute all game audio

Gameplay Tips

  1. Focus on Timing : Accuracy is more important than speed - hit notes precisely with the beat
  2. Start with Tutorial : Complete the practice level to understand the basic mechanics
  3. Choose Your Difficulty : Select a challenge level that matches your current skill
  4. Watch the Arrows : Keep your eyes on the arrow track, not the characters
  5. Practice Regularly : Consistent play will improve your rhythm and reaction time

Why Play Friday Night Funkin'

Friday Night Funkin' offers an unmatched combination of catchy music, engaging gameplay, and vibrant visuals that appeals to players of all ages. The game is completely free to play in your browser, requiring no downloads or installations. With its progressive difficulty system, you can enjoy the game whether you're a casual player looking for fun or a hardcore gamer seeking the ultimate rhythm challenge.

The active community continuously creates new content and mods, ensuring fresh experiences long after you've mastered the original songs. The game's accessibility, combined with its polished gameplay mechanics and outstanding soundtrack, makes it a must-play title for anyone interested in music games or looking for an entertaining browser-based gaming experience.

Frequently Asked Questions (FAQ)