Tile Jumper 3D - Music Rhythm Ball Game

Seele01-Flash
By
Tile Jumper 3D is an exciting music rhythm game where you guide a ball across floating tiles in sync with the beat. Test your timing and reflexes while grooving to hit tracks in this free browser-based 3D experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Tile Jumper 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Cyberpunk / Retrowave aesthetic. High contrast with a dark background (deep blue/purple) and bright neon emissive elements (cyan, magenta, lime green). * **Player Character (The Ball):** A glowing white sphere with a "Squash and Stretch" animation effect upon impact. It should have a trail renderer (using a `Mesh` or particle system) to visualize speed and trajectory. * **The Tiles:** * **Standard Tiles:** Neon-edged squares that light up (pulse intensity) when hit. * **Trap Tiles (Illusions):** Faint, translucent, or slightly desaturated tiles that break upon impact (do not provide bounce). * **Moving Tiles:** (For higher difficulty) Tiles that sway slightly left/right. * **Collectibles:** Floating Diamonds or Notes rotating above specific tiles, emitting a golden or sparkly glow. * **Background:** An infinite scrolling grid (Synthwave style) or a starry void. The environment should pulse rhythmically with the game logic speed. * **Mobile Optimization:** Use simple geometry (low poly). Rely on `MeshBasicMaterial` or `MeshStandardMaterial` with high `emissive` values rather than expensive real-time shadows. Limit active particle count to <100 for mobile performance. ### 2. Audio Requirements * **BGM (Background Music):** A high-energy Electronic Dance Music (EDM) or Synthwave track (approx. 120-140 BPM). The game speed should ideally sync with the beat. * **Sound Effects (SFX):** * **Bounce:** A crisp, bass-heavy "thud" or drum kick sound when the ball hits a tile. * **Collect:** A high-pitched, positive "ding" or "chime" for diamonds. * **Fall/Game Over:** A descending frequency "whistle" or digital glitch sound. * **UI:** Soft clicks for menu buttons. ### 3. Gameplay Loop * **Core Mechanic:** The ball moves forward (Z-axis) automatically at a constant speed that increases over time. The ball also bounces (Y-axis) automatically using a sine wave or physics simulation. * **Player Goal:** The player controls only the **X-axis (Left/Right)** position of the ball to ensure it lands on the next tile. * **Scoring:** * +1 Score for every successful tile landing. * +5 Score for collecting diamonds. * "Perfect" landing (center of tile) triggers a visual combo effect. * **Game Over Condition:** If the ball misses a tile and falls below a certain Y-threshold (falling into the void), the game ends. * **Level Generation:** Procedural generation of tiles ahead of the player. The path should zig-zag and include gaps. Occasional "Fake/Illusion" tiles should appear to trick the player. ### 4. Mobile Controls & Interaction * **Primary Control:** **"Touch and Drag"**. Anywhere on the screen acts as a horizontal slider. * *Sensitivity:* The ball's X movement should be responsive but smoothed (Lerp) to avoid jittering. * *Dead zone:* Minimal dead zone to allow precise micro-adjustments. * **Orientation:** **Portrait Mode** preferred (for one-handed play), but the camera and canvas should resize responsively. * **UI Layout:** * Score displayed clearly at the top center (large font). * "Restart" button must be large (minimum 44x44px target) and centered upon Game Over. * **Haptic Feedback:** Trigger a short vibration (`navigator.vibrate(10)`) on every successful tile bounce and a stronger vibration on Game Over. * **Visual Feedback:** When the player touches the screen, a faint visual indicator (like a cursor or glow) shows their input position relative to the ball. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Tile Jumper 3D is a captivating music rhythm game that perfectly combines precision jumping with beat-matching gameplay. In this thrilling 3D experience, you control a bouncing ball that must leap across floating tiles in perfect synchronization with the music's rhythm. Every jump matters - miss the beat or land on the wrong tile, and you'll plunge into the void below.

The game features stunning 3D graphics with vibrant neon aesthetics and smooth animations that create an immersive musical experience. With multiple difficulty levels and an extensive soundtrack, Tile Jumper 3D offers endless entertainment for rhythm game enthusiasts and casual players alike.

Core Features

Dynamic Music Selection

Choose from an exciting playlist of tracks that cater to different musical tastes: - Bounce! - High-energy beats perfect for intense gameplay - Retrowave - Nostalgic synthwave vibes with pulsing rhythms - Feel My Heart - Emotional melodies that challenge your timing - Love Angel - Melodic tracks with varied tempo changes - Happy Birthday - Celebratory tunes with playful beats - Retro Dance - Classic dance music with infectious rhythms - Move It! - Upbeat tracks that keep you moving - Arabian Night - Exotic melodies with unique time signatures - Sporty Techno - Fast-paced electronic beats for ultimate challenge

Progressive Difficulty System

The game intelligently ramps up difficulty as you progress. Levels increase in speed, intensity, and complexity, ensuring that even experienced players face new challenges. Watch out for deceptive lighter-colored tiles that act as illusions - they'll send you tumbling if you're not careful!

Reward Collection System

Collect sparkling diamonds scattered throughout each level to boost your score. However, be strategic about your collection - some diamonds might lead you off the optimal path, testing your ability to balance risk and reward.

Multiple Game Modes

  • Level Mode : Progress through carefully crafted stages with increasing difficulty
  • Endless Mode : Test your endurance in nonstop rhythm-based action
  • Challenge Mode : Play without music to truly test your rhythm memory

How to Play

Mastering Tile Jumper 3D requires a combination of musical timing and quick reflexes:

  1. Listen to the Beat : Pay close attention to the music's rhythm - your jumps must sync perfectly with the beat
  2. Control Your Ball : Use mouse drag, AD keys, or left-right arrow keys to guide your ball's direction
  3. Time Your Jumps : The ball automatically bounces, but you control the landing direction
  4. Avoid Fake Tiles : Identify and avoid lighter-colored illusion tiles that will cause you to fall
  5. Collect Diamonds : Gather diamonds for bonus points, but don't sacrifice your rhythm for rewards
  6. Stay Focused : As the tempo increases, maintain concentration to avoid missing beats

Pro Tips for Success

  • Start with slower songs to master the basic mechanics
  • Focus on the music rather than just the visual cues
  • Practice the timing by tapping along with the beat before playing
  • Don't panic when the speed increases - trust your rhythm instincts

Why Play Tile Jumper 3D

This game offers a unique blend of music appreciation and gaming skill that appeals to a wide audience:

Perfect for Music Lovers : Experience your favorite tracks in a completely new way, where music becomes an integral part of gameplay rather than just background sound.

Skill Development : Improve your hand-eye coordination, timing precision, and musical rhythm recognition while having fun.

Stress Relief : The combination of music and focused gameplay creates a meditative experience that helps you unwind.

Free and Accessible : Completely free to play with no downloads required. Simply open your browser and start jumping to the beat.

Competitive Element : Challenge yourself to beat your high scores and compete on leaderboards to see how your rhythm skills stack up against other players.

Cross-Platform Compatibility : Play seamlessly on desktop computers, tablets, and mobile devices without any performance compromise.

Frequently Asked Questions (FAQ)