Catch Tiles: Piano Game

Seele01-Flash
By
Catch Tiles: Piano Game is an addictive rhythm game that challenges your finger speed and musical timing. Play with diverse music genres including EDM, KPOP, anime, and classic hits, or import your own favorite songs for unlimited entertainment.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Kawaii Rhythm Highway**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A "Cute & Pop" aesthetic using a vibrant color palette (Hot Pink, Soft White, Purple) inspired by the screenshot. * **Camera Perspective:** A fixed perspective camera positioned above and behind the "hit line," looking forward into the distance (Z-axis). Use a fog effect (`scene.fog`) at the far end to blend the tile spawn point into the background smoothly. * **The Highway:** Create 4 distinct vertical lanes using semi-transparent glowing planes. * **The Tiles:** Instead of simple cubes, use `InstancedMesh` for performance to render the falling notes. The tiles should be rounded rectangles (like smartphone screens). Give them a "cute" texture or a simple cat-face geometric representation using basic shapes. * **Particle Effects:** Implement a lightweight particle system that triggers an explosion of small stars, snowflakes, or hearts whenever a tile is successfully tapped. * **Background:** A scrolling background with low-poly silhouette elements (like the Christmas trees in the reference) to create a parallax effect without consuming too much GPU power. ### 2. Audio Requirements * **BGM Logic:** Since external assets are tricky, implement a basic synthesizer using the Web Audio API (or a simple oscillator) that plays a generated melody. The speed of the melody should match the speed of the falling tiles. * **Sound Effects (SFX):** * **Tap Feedback:** A high-pitched, pleasant "ding" or "piano note" when a tile is hit correctly. * **Miss:** A discordant "buzz" or low-pitch thud when a tile is missed. * **UI Sounds:** Soft clicks for start/restart buttons. ### 3. Gameplay Loop * **Core Mechanic:** Tiles spawn at the "horizon" (far Z) and move towards the player (camera) along 4 fixed lanes. The speed should gradually increase as the game progresses. * **Hit Detection:** The player must tap the lane when the tile reaches the "Hit Zone" (a glowing line at the bottom of the screen). * **Scoring System:** * **Perfect:** Hitting the tile exactly on the line (highest points + bright particle burst). * **Great:** Hitting slightly early or late (medium points). * **Miss:** Letting a tile pass the line or tapping an empty lane. * **Game Over Condition:** If a single tile passes the Hit Zone without being tapped, the game ends immediately (Sudden Death mode). Show a "Score" and "Restart" button overlay. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Portrait Mode** (Vertical) is mandatory. * **Touch Layout:** Divide the screen width into 4 equal vertical invisible touch zones. * Zone 1 (0-25% width) -> Triggers Lane 1 * Zone 2 (25-50% width) -> Triggers Lane 2 * Zone 3 (50-75% width) -> Triggers Lane 3 * Zone 4 (75-100% width) -> Triggers Lane 4 * **Input Handling:** Use `touchstart` event listeners for immediate response (zero latency). Support **multi-touch** so the player can hit two tiles simultaneously in different lanes. * **Visual Feedback:** When a lane is touched, the entire lane should briefly light up (change opacity or emissive color) to indicate the input was registered, regardless of whether a tile was hit. * **Haptics:** Trigger `window.navigator.vibrate(50)` on a successful hit for tactile feedback. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Catch Tiles: Piano Game is a captivating casual rhythm game that puts your finger dexterity and musical timing to the ultimate test. This engaging music game combines the classic piano tiles concept with modern gameplay mechanics, offering an immersive experience where you tap tiles to the beat of your favorite songs.

The game features a vibrant, colorful interface with festive themes including Christmas decorations, cute characters like Santa Claus and snowmen, creating a joyful atmosphere while you play. Each tile corresponds to musical notes, and your goal is to hit them perfectly in time with the rhythm.

Core Features

Extensive Music Library

Explore a vast collection of music spanning multiple genres: - EDM Tracks : High-energy electronic dance music for intense gameplay sessions - KPOP Hits : Popular Korean pop songs from trending artists - Anime Soundtracks : Beloved themes from popular anime series - Classical Music : Timeless compositions for a refined gaming experience - Custom Song Import : Upload and play your personal favorite tracks

Competitive Online Play

Challenge players worldwide in real-time competitions. Earn rewards, climb leaderboards, and showcase your rhythm mastery against musicians from around the globe. The competitive element adds excitement and motivation to improve your skills continuously.

Cross-Platform Accessibility

Enjoy seamless gameplay across multiple devices: - Web Browser : Play instantly on desktop and mobile browsers without downloads - Android Support : Native app experience for Android device users - Responsive Design : Optimized interface adapts perfectly to any screen size

Personalization Options

Customize your gaming experience with: - Personal music library integration - Various visual themes and tile designs - Difficulty level adjustments for all skill levels - Progress tracking and achievement systems

Gameplay Mechanics

The core gameplay revolves around precision timing and rhythm recognition. As music plays, colored tiles appear on the screen moving toward target zones. Players must tap each tile exactly when it reaches the designated area, maintaining perfect synchronization with the beat.

Success depends on: - Timing Accuracy : Hit tiles precisely on the beat - Hand Speed : Keep up with fast-paced songs - Pattern Recognition : Anticipate upcoming tile sequences - Rhythm Sense : Feel the music to maintain consistent timing

Operation Guide

Master the simple yet effective control scheme:

  • ASKL Keys : Use these keyboard keys to tap tiles on desktop
  • Left Mouse Button : Click tiles directly for precise control
  • Spacebar : Start games and pause when needed
  • Touch Controls : Tap tiles directly on mobile devices

The intuitive controls ensure anyone can start playing immediately, while the depth of timing and coordination required provides endless opportunities for skill improvement.

Why Play This Game

Perfect for Music Lovers : If you enjoy music games or want to test your rhythm skills, this game offers the perfect combination of entertainment and challenge. The diverse music selection ensures you'll always find songs you love.

Skill Development : Regular play improves hand-eye coordination, reaction time, and musical timing. Many players find their rhythm sense and finger dexterity significantly enhanced after consistent practice.

Stress Relief : The combination of beautiful music and engaging gameplay provides excellent stress relief and mental relaxation after busy days.

Social Competition : Connect with friends and global players through online leaderboards and competitions, adding a social element to your musical journey.

Accessibility : Being completely free and browser-based means you can enjoy high-quality rhythm gaming anywhere, anytime, without storage concerns or payment barriers.

Whether you're a casual player looking for musical entertainment or a serious rhythm game enthusiast seeking new challenges, Catch Tiles: Piano Game delivers an exceptional experience that keeps you coming back for more.

Frequently Asked Questions (FAQ)