Looper - Rhythm Music Game

Seele01-Flash
By
Looper is a mesmerizing rhythm music game that challenges your timing and musical sense. Navigate through hundreds of colorful levels filled with beats and melodies in this free-to-play browser experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Looper". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Cyberpunk/Neon Minimalism. Use a deep purple/indigo gradient background (hex #1a0b2e to #000000) inspired by the reference image. * **Core Objects:** * **Tracks:** Use `THREE.TubeGeometry` or `LineLoop` to create complex, intersecting geometric paths (circles, infinity signs, "constellations"). These tracks should be a dim gray/purple initially. * **Beats (Player Units):** Glowing, high-contrast spheres or bright tapered cylinders that travel along the tracks. They must leave a short `Trail` or tail (using a buffer geometry trail system) to emphasize speed. * **Post-Processing:** Implementation of `EffectComposer` with `UnrealBloomPass` is mandatory to create the glowing "neon light" aesthetic. * **Performance:** Optimize for mobile by keeping geometry segments low. Use simple materials (`MeshBasicMaterial` with color modulation) rather than complex PBR shaders to ensure 60FPS on mobile browsers. ### 2. Audio Requirements * **BGM:** A base ambient electronic layer that loops seamlessly. It should be minimal to allow sound effects to stand out. * **Dynamic SFX:** * **Launch:** A clean, high-pitched synth tone (pentatonic scale) every time the player taps to release a beat. * **Loop Completion:** A subtle rhythmic "tick" or bass pulse every time a beat completes a full circle, helping the player keep time. * **Crash:** A dissonant "shatter" sound and a brief audio glitch/stutter effect when two beats collide. * **Level Clear:** A harmonious major chord sweep. ### 3. Gameplay Loop * **Mechanic:** The game presents a "constellation" of multiple intersecting tracks. Each track has a specific number of "Beats" that need to be launched onto it. * **Interaction:** The player taps the screen. Each tap releases one Beat onto the currently active track. The Beat immediately starts traveling along the path in a loop. * **Challenge:** The tracks overlap/intersect. If a newly released Beat collides with a Beat already moving on another track (or the same track), the game is over (Crash). * **Victory:** The level is won when all required Beats for all tracks have been released and are looping simultaneously without collision for at least one full cycle. * **Progression:** Upon winning, the camera should zoom out/transition smoothly to a new, more complex geometric shape. ### 4. Mobile Controls & Interaction * **Input:** **One-Button gameplay**. The entire screen area is the active touch zone. * `touchstart` / `mousedown`: Trigger the "Launch Beat" action. * **Orientation:** Portrait mode (Vertical) is preferred for one-handed playability, keeping the geometric shapes centered. * **Feedback:** * **Visual:** When a Beat is launched, the track should flash white briefly. On collision, create a particle explosion at the impact point and shake the camera (`camera.position` jitter). * **Haptic:** Trigger `navigator.vibrate(50)` on launch and `navigator.vibrate([100, 50, 100])` on crash (if supported). * **UI:** Minimalist HUD. Display "Level X" at the top and a circular progress indicator showing how many Beats are left to place. A "Tap to Restart" overlay must appear immediately upon failure. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Looper is a captivating rhythm music game that transforms simple timing into an art form. This colorful puzzle adventure tests your sense of rhythm and timing through hundreds of unique levels, each filled with melodious beats and stunning visual effects. The game creates a perfect harmony between music and gameplay, offering a soothing yet challenging experience for players of all skill levels.

Set in a vibrant universe of constellations and cosmic patterns, Looper combines the satisfaction of puzzle-solving with the joy of music creation. Every tap creates a beat, every level tells a musical story, and every constellation becomes more complex as you progress through this rhythmic journey.

Core Features

Hundreds of Unique Levels

Looper offers an extensive collection of levels, each carefully crafted with its own musical theme and visual style. From simple introductory beats to complex multi-layered compositions, the game ensures endless entertainment and progressive difficulty that keeps players engaged.

Intuitive One-Button Gameplay

The beauty of Looper lies in its simplicity. With just one button control, anyone can start playing immediately. However, mastering the perfect timing requires skill, patience, and musical intuition, making it easy to learn but challenging to master.

Stunning Visual Design

The game features a mesmerizing cosmic theme with colorful constellations and dynamic light effects. Each level presents a unique visual experience that complements the musical elements, creating an immersive audiovisual journey.

Progressive Difficulty System

As you advance through the levels, the constellations become increasingly complex, and the musical arrangements more sophisticated. This gradual progression ensures that players are constantly challenged while maintaining an enjoyable experience.

Cross-Platform Compatibility

Looper is perfectly optimized for web browsers, making it accessible on desktop computers, laptops, tablets, and smartphones. No downloads or installations required – simply open your browser and start playing.

Gameplay Mechanics

The core gameplay revolves around perfect timing and rhythm recognition. Players must tap at precisely the right moment to create beats that match the underlying musical pattern. Each successful tap contributes to building a beautiful constellation while creating harmonious sounds.

The challenge lies in understanding the rhythm patterns and anticipating the correct timing for each beat. Mistimed taps can disrupt the musical flow and may require restarting the level, adding a layer of precision that keeps players focused and engaged.

Operation Guide

Basic Controls

  • Left Mouse Button : Create beats and start the rhythm
  • Timing : Listen carefully to the music and watch visual cues
  • Patience : Wait for the perfect moment to tap

Success Tips

  1. Listen First : Before tapping, spend a moment understanding the rhythm pattern
  2. Watch Visual Cues : The game provides visual hints about when to tap
  3. Start Simple : Master easier levels before attempting complex constellations
  4. Practice Patience : Rushing often leads to mistimed beats
  5. Feel the Music : Let the melody guide your timing rather than forcing it

Why Play Looper

Looper stands out in the rhythm game genre by combining accessibility with depth. It's perfect for quick gaming sessions during breaks or longer play sessions for serious rhythm game enthusiasts. The game offers:

  • Stress Relief : The melodious gameplay provides a calming, meditative experience
  • Skill Development : Improves timing, rhythm recognition, and musical appreciation
  • Instant Accessibility : No downloads required, plays directly in your browser
  • Universal Appeal : Suitable for all ages and skill levels
  • Replay Value : Hundreds of levels ensure long-term entertainment

Whether you're a music lover, puzzle enthusiast, or casual gamer looking for a unique experience, Looper delivers an unforgettable journey through rhythm and melody.

Frequently Asked Questions (FAQ)