Tile Jumper 3D

Seele01-Flash
By
Tile Jumper 3D is a thrilling music-based rhythm game where you guide a bouncing ball across floating tiles in perfect sync with the beat. Test your timing and reflexes across multiple tracks while aiming for high scores.

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 Neon aesthetic. The background should be a deep void (dark blue/purple fog) to hide the draw distance and emphasize the foreground. * **The Ball**: A glowing, emissive white sphere with a "trail" effect (use a simple particle system or ribbon trail following the ball to visualize speed). * **The Tiles**: Floating `BoxGeometry` platforms. They should have neon edges (use `LineSegments` with `EdgesGeometry`) in Cyan and Magenta. * **Normal Tiles**: Solid, glowing edges, opaque surface. * **Fake Tiles (Trap)**: Lighter color, semi-transparent (ghostly), or slightly flickering. These have no collision logic. * **Collectibles**: Floating Diamonds (Yellow/Gold) rotating above random tiles. * **Lighting**: Ambient light (low intensity) + Point light attached to the ball to illuminate tiles as it passes. * **Optimization**: Use `InstancedMesh` for the tiles if possible to reduce draw calls. Low polygon count for all shapes. ### 2. Audio Requirements * **BGM (Background Music)**: A high-energy Techno/EDM track loop (around 120-140 BPM). *Note: If external audio cannot be loaded, simulate a rhythmic beat using a simple oscillator or ensure the visual jump timing implies a specific BPM.* * **SFX**: * **Bounce**: A crisp "thud" or "kick drum" sound every time the ball hits a valid tile. * **Collect**: A high-pitched "ding" or synth chime when gathering a diamond. * **Fall/Game Over**: A "glitch" sound or descending pitch slide. ### 3. Gameplay Loop * **Auto-Runner Mechanics**: The ball automatically moves forward (Z-axis) at a constant speed that increases slightly over time. * **Rhythmic Jumping**: The ball automatically bounces up and down (Y-axis) based on a sine wave or gravity simulation synchronized to the distance between tiles. The player **does not** control the jump height, only the horizontal position. * **Level Generation**: Infinite procedural generation. * Tiles spawn ahead of the player in varying left/right positions. * Occasional gaps (requiring the player to align perfectly with the next tile). * Random placement of "Fake Tiles" that the player must avoid. * **Scoring**: +1 point for every successful tile landing. +5 points for every diamond collected. * **Win/Loss**: The game is "Endless". The game ends if the player misses a tile or lands on a Fake Tile (falling below a Y-threshold). ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode** (Vertical) to allow for one-handed play. * **Touch Controls**: * **Hold & Drag**: The player touches anywhere on the screen and drags Left or Right to move the ball on the X-axis. * **Sensitivity**: The movement should use "Delta" values (relative movement) rather than absolute position, so the player's finger doesn't cover the ball. * **Lerp**: Apply smooth interpolation (Lerp) to the X-axis movement so the ball feels fluid, not jittery. * **UI Layout**: * **Start Screen**: Large "Tap to Start" overlay. * **HUD**: Current Score displayed clearly at the top center (large font, readable against dark background). * **Game Over**: A modal showing "Final Score" and a large "Retry" button (minimum 44x44px touch area). * **Feedback**: * **Visual**: The tile should flash white or scale down slightly (`scale.y`) when the ball lands on it to provide impact feedback. * **Vibration**: Trigger `navigator.vibrate(20)` on every successful bounce for tactile rhythm feedback (if supported). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Tile Jumper 3D

Tile Jumper 3D is an exciting music rhythm game that combines precise timing with catchy beats. Guide your ball across floating tiles while staying perfectly in sync with the music. This free-to-play browser game challenges your reflexes and musical sense as you bounce through increasingly complex levels.

The game features a vibrant 3D environment with neon-style graphics and smooth animations that create an immersive musical experience. Every jump must match the rhythm, making timing absolutely crucial for success.

Core Features

Dynamic Music Selection

Choose from an exciting playlist of diverse tracks including: - Bounce! - High-energy beats perfect for beginners - Retrowave - Synthwave vibes with nostalgic appeal - Feel My Heart - Emotional melody with challenging rhythms - Love Angel - Smooth beats with romantic undertones - Happy Birthday - Celebratory tune with fun tempo changes - Retro Dance - Classic dance beats with modern twists - Move It! - Fast-paced track for experienced players - Arabian Night - Exotic melodies with unique rhythm patterns - Sporty Techno - Electronic beats for intense gameplay

Progressive Difficulty System

Levels gradually increase in speed, intensity, and complexity. As you advance, the beats drop faster and tile patterns become more challenging. Watch out for deceptive lighter-colored tiles that are illusions and will cause you to fall if touched.

Collectibles and Rewards

Gather diamonds throughout your journey, but stay focused - some may lead you off the correct path. These collectibles add an extra layer of challenge to the rhythm-based gameplay.

Endless Mode

For players seeking ultimate endurance challenges, the endless mode provides non-stop rhythm-based action where you can test how far your skills can take you.

Gameplay Mechanics

The core gameplay revolves around precise timing and musical awareness. Your ball automatically bounces forward, but you control its left and right movement to land on the correct tiles. Each successful landing must align with the music's beat to maintain the melody and score points.

Missing a beat or landing on the wrong tile will cause your ball to fall into the void, ending your run. This creates an intense, focused gaming experience where every move counts.

Controls and Operation

Tile Jumper 3D features intuitive controls suitable for all skill levels:

  • Mouse Control : Hold and drag the left mouse button to move the ball left and right
  • Keyboard Controls : Use A/D keys or left/right arrow keys for movement
  • The ball bounces automatically - your job is to guide its horizontal movement

The simple control scheme allows players to focus entirely on timing and rhythm rather than complex button combinations.

Why Play Tile Jumper 3D

This game offers a unique blend of music appreciation and gaming skill that appeals to both casual players and rhythm game enthusiasts. The combination of visual appeal, musical variety, and progressive challenge creates an engaging experience that keeps players coming back.

The game is completely free to play with no hidden costs or premium features locked behind paywalls. You can enjoy the full experience directly in your browser without any downloads or installations required.

Perfect for music lovers who want to test their rhythm skills, compete on leaderboards, and experience the satisfaction of perfectly timed gameplay. The variety of musical genres ensures there's something for every taste, from electronic beats to exotic melodies.

Frequently Asked Questions (FAQ)