Lofi Room - Music Creation Game

Seele01-Flash
By
Lofi Room is a relaxing music creation game where you discover hidden instruments in your bedroom and create beautiful lofi beats. Perfect for music lovers and creative minds seeking a chill gaming experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Lofi Room**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Create a cozy, isometric 3D bedroom diorama that mimics a hand-drawn 2D aesthetic (Cel-shaded or outline post-processing). The color palette should be warm and muted (lofi hip-hop aesthetic), featuring deep reds, cozy blues, and earthy tones similar to the reference image. * **Scene Elements**: * A central character (a girl with headphones) sitting at a desk or on a bed, slightly animated (idle breathing). * **Hidden Instruments (Interactables)**: Place distinct low-poly models of instruments around the room: a Guitar (leaning against a wall), a Synthesizer/Keyboard (on the desk), a Drum Machine (on the floor), and a Cassette Tape. * **Decor**: Scatter "messy" but cozy items: coffee mugs, a sleeping cat, a ghost plushie, and potted plants. * **Mobile Optimization**: Use low-poly meshes. Use baked lighting for shadows to save performance. Ensure the camera is fixed in an isometric view but allows for slight parallax movement based on device gyroscope (if available) or touch drag. ### 2. Audio Requirements * **BGM (Dynamic Layering)**: The core music mechanic relies on "Stems". Start with a silent or very simple background vinyl crackle/noise. As the player completes each instrument's mini-game, unmute that specific audio track (e.g., Drums track, Bass track, Chords track, Melody track) to build the full Lofi beat. * **SFX**: * **Selection**: A soft "page turn" or "cassette click" sound when tapping an object. * **Rhythm Hits**: Soft snare or hi-hat sounds for successful note hits. * **Miss**: A discordant scratch sound or tape stop effect. * **Ambience**: Continuous rain against a window or vinyl static. ### 3. Gameplay Loop * **Phase 1: Exploration (Hidden Object)**: The player rotates the room or pans slightly to tap on objects. Tapping a non-instrument plays a small animation (e.g., cat meows). Tapping an "Instrument" triggers Phase 2. * **Phase 2: Rhythm Mini-Game**: * Camera zooms in slightly on the instrument or a UI overlay appears. * Notes fall down 4 lanes (representing the original QWER controls). * The player must tap the corresponding lane when the note hits the target line. * **Win Condition**: Maintain a combo or hit >80% of notes to "unlock" that instrument. * **Progression**: Once an instrument is unlocked, its audio layer plays permanently in the background. The game is won when all instruments are found and the full song is playing. ### 4. Mobile Controls & Interaction * **Orientation**: **Landscape Mode** is required to accommodate the 4-lane rhythm section comfortably. * **Exploration Controls**: * **Tap**: Use Three.js Raycaster to detect taps on 3D objects. Increase the hit-box size of small objects (like the cassette) to ensure touch accessibility (min 44px target). * **Rhythm Controls**: * Replace physical QWER keys with **4 large, translucent virtual pads** at the bottom of the screen. * Visual feedback: The pads should light up immediately on `touchstart` (zero latency) to match the music. * **Feedback**: * **Visual**: Screen shake (camera jitter) on missed notes. Particle explosion on perfect hits. * **Haptic**: Trigger `navigator.vibrate(10)` on a successful hit and `navigator.vibrate([30, 50, 30])` on a miss (game over/fail). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Lofi Room is a delightful music arcade game that combines treasure hunting with music creation in a cozy bedroom setting. This charming game invites you to explore your virtual room, discover hidden musical instruments, and unleash your creativity by making beautiful lofi beats and melodies.

The game features adorable pixel art graphics with a warm, inviting atmosphere that perfectly captures the essence of a musician's creative space. Scattered throughout your room are various musical instruments waiting to be discovered - from keyboards and guitars to drums and unique sound-making objects.

Core Features

Hidden Instrument Discovery

The core gameplay revolves around exploration and discovery. Your bedroom is filled with cleverly hidden instruments that you must find before you can start creating music. Each discovered instrument adds new sounds and possibilities to your musical toolkit.

Interactive Music Creation

Once you find an instrument, you can interact with it to hear its unique sound. The game presents pop-up windows with musical notes that you need to follow and play correctly to create beautiful songs. This mechanic teaches basic music theory while keeping the experience fun and accessible.

Multiple Game Modes

  • 5 Story Levels : Progressive challenges that guide you through different musical experiences
  • Beat Making Mode : Free-form creativity where you can compose your own original tracks
  • Random Beat Mode : Surprise musical combinations for endless entertainment

Relaxing Lofi Aesthetic

The game embraces the popular lofi music culture, featuring chill sounds, cozy visuals, and a laid-back atmosphere that makes it perfect for stress relief and creative expression.

Gameplay Mechanics

The gameplay is intuitive and accessible to players of all musical backgrounds. You start by exploring your bedroom, clicking on various objects to uncover hidden instruments. Once found, each instrument becomes part of your collection, and you can access them through an easy-to-use interface.

When you select an instrument, a mini-game appears where you must follow musical patterns displayed on screen. Success in these sequences unlocks new songs and beats that you can mix and match to create your own compositions.

Operation Guide

The controls are simple and keyboard-friendly: - QWER Keys : Play and interact with discovered instruments - Mouse : Navigate the room, discover hidden items, and access menus - Click and Drag : Arrange and organize your musical elements

The game is designed to be played with minimal learning curve - simply click around your room to discover instruments, then use the QWER keys to play melodies and create beats.

Why Play Lofi Room

Perfect for Music Enthusiasts

Whether you're a seasoned musician or someone who simply enjoys music, Lofi Room offers an engaging way to explore musical creativity without requiring extensive knowledge or expensive equipment.

Stress Relief and Relaxation

The lofi aesthetic and peaceful gameplay make this game ideal for unwinding after a long day. The soothing sounds and cozy atmosphere create a meditative gaming experience.

Educational Value

The game subtly teaches music theory concepts through its interactive note-following mechanics, making it both entertaining and educational.

No Pressure Creative Space

Unlike competitive games, Lofi Room provides a judgment-free environment where you can experiment with sounds and create music at your own pace.

Accessible to Everyone

The simple controls and intuitive interface make the game accessible to players of all ages and skill levels. No prior musical experience is required to enjoy creating beautiful compositions.

Frequently Asked Questions (FAQ)