Music Catch

Seele01-Flash
By
Music Catch is a mesmerizing rhythm-based action game where you collect colorful shapes that emerge and dance to beautiful music. Experience this dreamy, award-winning game that combines visual art with musical gameplay.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Music Catch**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Abstract, ethereal, and glowing. The game should feel like a "beautiful dream." Use a dark, deep gradient background (Deep Purple to Black) that slowly shifts colors to represent the mood of the music. * **Player Entity:** A glowing, soft-edged orb that leaves a trailing ribbon or particle trail as it moves. The orb grows in size as the player collects "good" notes (Multiplier increases). * **Collectibles (Shapes):** Use simple 2D geometries (planes with textures) or low-poly 3D shapes (Cubes/Tetrahedrons) facing the camera. * **Standard Notes (Yellow/Green/Blue):** Emit a soft, inviting light. * **Bad Notes (Red):** Emit a jagged, unstable red glow. * **Power-up (Purple):** A pulsating, bright purple star or rotating shape. * **VFX & Post-Processing:** Implement a **Bloom Effect** (e.g., using `UnrealBloomPass`) to make the shapes glow against the dark background. Use **InstancedMesh** for the collectibles to ensure 60FPS performance on mobile devices, even with hundreds of objects on screen. ### 2. Audio Requirements * **BGM (Background Music):** A calming, emotional piano-driven track or melodic ambient electronic music. The gameplay flow must feel synchronized with the music (even if simulated via spawn rates). * **Sound Effects (SFX):** * **Collection:** Soft, harmonic chimes or piano keys that harmonize with the BGM. Pitch can ascend as the multiplier grows. * **Damage (Red Note):** A discordant, low-frequency thud or "glass breaking" sound. * **Power-up (Purple):** A magical, rising "whoosh" or vacuum sound effect indicating the magnetic pull. ### 3. Gameplay Loop * **Spawning Mechanic:** Shapes fade in or float across the screen from random directions, simulating the "rhythm" of the music. * **Core Mechanic:** * The player controls the Orb. * **Collect Yellow/Green:** Increases Score and Multiplier (Orb Size). As the orb gets bigger, it's easier to catch notes but harder to dodge red ones. * **Avoid Red:** If touched, the Orb loses its size/multiplier and shrinks back to the default state. A penalty is applied to the score. * **Purple Power-up:** When collected, the Orb becomes a "Black Hole" for 5 seconds, magnetically sucking in all nearby notes (including Red ones, converting them to points) automatically. * **Progression:** The game ends when the song finishes. Display a "Final Score" summary screen. ### 4. Mobile Controls & Interaction * **Touch Controls:** Implement a **1:1 Drag-to-Move** system. * **Crucial Mobile Adaptation:** Apply a **Y-axis offset** (e.g., +50 pixels) to the Player Orb relative to the touch point. This ensures the player's finger does not cover the Orb, allowing them to see what they are catching. * **Orientation:** Landscape mode is preferred for a wider field of view, but the code should be responsive to resize. * **Haptic Feedback:** Trigger a strong vibration (`navigator.vibrate`) when hitting a Red note. Trigger a light vibration when collecting a Purple power-up. * **UI Layout:** * Minimalist HUD. Score displayed in the top-right corner (large, readable font). * Song progress bar at the bottom or top edge. * Start/Restart button centered, with a large touch target (min 44x44px). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Music Catch is a uniquely captivating online action game that transforms music into a visual and interactive experience. With an impressive 4.0/5 rating from over 1,520 players, this game offers a perfect blend of relaxation and excitement as colorful shapes emerge and flow to the rhythm of enchanting music.

This innovative game creates a beautiful dreamscape where music literally comes to life. As melodies play, geometric shapes and particles appear on screen, each moving in harmony with the soundtrack. Your mission is to guide your cursor through this musical universe, collecting the right shapes while avoiding dangerous ones.

Core Features

Immersive Musical Experience

Music Catch stands out with its seamless integration of audio and visual elements. The game features carefully selected soundtracks that drive the entire gameplay experience, making each session feel like a living, breathing piece of art.

Simple Yet Engaging Mechanics

  • Intuitive Controls : Uses only mouse movement for navigation
  • Color-Coded System : Easy-to-learn yellow (good), red (bad), purple (power) mechanics
  • All Ages Friendly : Suitable for players of any age or skill level
  • No Download Required : Play instantly in your web browser

Visual Artistry

The game creates stunning visual displays as shapes flow, pulse, and dance across the screen. Each musical note generates corresponding visual elements, creating a synesthetic experience that's both beautiful and engaging.

Progressive Challenge

While easy to learn, Music Catch offers increasing complexity as you advance, with more shapes appearing and faster-paced sequences that test your reflexes and pattern recognition.

Gameplay Mechanics

The gameplay revolves around a simple but addictive concept: collect the good shapes, avoid the bad ones, and use power-ups strategically.

Shape Types: - Yellow Shapes : These are your primary targets - collect as many as possible for points - Red Shapes : Dangerous elements that will hurt your score - avoid at all costs - Purple Shapes : Special power-ups that provide temporary advantages

As music plays, these shapes emerge from various points on the screen, following the rhythm and melody. Your cursor acts as a magnet for yellow shapes while you must carefully navigate around the red hazards.

Operation Guide

Basic Controls: - Mouse Movement : Move your cursor around the screen to navigate - Positioning : Guide your cursor near yellow shapes to collect them automatically - Avoidance : Keep away from red shapes to prevent score loss - Power Collection : Touch purple shapes to activate special abilities

Gameplay Tips: - Follow the rhythm of the music to anticipate shape patterns - Stay in areas with high concentrations of yellow shapes - Use the edges of the screen strategically when avoiding red shapes - Collect purple power-ups when safe to do so for maximum benefit - Practice smooth, flowing movements rather than jerky motions

Why Play Music Catch

Perfect for Relaxation : Unlike intense action games, Music Catch offers a meditative experience that can help you unwind while staying engaged.

Unique Art Form : This isn't just a game - it's an interactive art piece that demonstrates how music can be visualized and played with.

Universal Appeal : The simple controls and beautiful presentation make it accessible to gamers and non-gamers alike.

Stress-Free Gaming : No time pressure or complex mechanics - just pure, musical fun at your own pace.

Browser Convenience : No downloads, no installations - just click and play whenever you want a moment of musical magic.

Whether you're looking for a quick break from work, a way to introduce someone to gaming, or simply want to experience something beautiful and unique, Music Catch delivers an unforgettable audio-visual journey that will leave you feeling refreshed and inspired.

Frequently Asked Questions (FAQ)