Flip Runner - Ultimate Parkour Adventure

Seele01-Flash
By
Flip Runner is an exciting parkour adventure where you leap between building rooftops, performing spectacular flips and stunts. Master 39 challenging levels, unlock characters, and become the ultimate parkour champion!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Flip Runner". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A stylized, semi-realistic 3D urban environment. Use a vibrant color palette with high saturation (e.g., bright blue skies, reddish-orange character clothing) to match the arcade feel. * **Camera Perspective:** **First-Person View (FPV)**. The camera should look down at the character's body (legs and arms visible) to simulate the runner's perspective. The camera must dynamically follow the rotation during flips to induce a sense of vertigo and speed. * **Character Model:** A rigged humanoid model (focus on legs and sneakers). The physics should mimic a "ragdoll" feel but with controlled animation for the tuck/spin. * **Environment:** Rooftop setting. Generative skyscrapers with concrete textures, AC units, and vents. A simple gradient skybox or a low-poly city skyline background. * **VFX:** * **Speed Lines:** Radial motion blur edges when falling fast. * **Impact Dust:** A puff of white particles upon a successful landing. * **Trajectory Guide:** A dotted line or arrow arc during the aiming phase to show the potential jump path. * **Optimization:** Use low-poly geometry for background buildings. Bake shadows where possible. Limit draw calls for smooth 60FPS on mobile devices. ### 2. Audio Requirements * **BGM:** High-energy, urban electronic or upbeat hip-hop instrumental to maintain adrenaline. * **Sound Effects (SFX):** * **Wind:** A looping "whoosh" sound that increases in pitch and volume based on vertical velocity. * **Jump:** An exertion grunt and the sound of sneakers pushing off concrete. * **Spin:** A "swish" sound while the player holds the screen to tuck. * **Landing:** A solid "thud" for safe landings; a comical "bone crunch" or "flop" sound for failed landings. * **UI:** Crisp clicking sounds for menu navigation. ### 3. Gameplay Loop * **State 1: Aiming:** The character stands at the edge of a building. An aiming arrow oscillates up and down automatically. * **State 2: The Jump:** The player taps once to lock the angle and launch the character. * **State 3: The Flip (Mid-Air):** While in the air, the player **touches and holds** the screen to tuck the character's knees and rotate (backflip or frontflip depending on launch). The longer the hold, the more rotations occur. * **State 4: The Landing:** The player must **release** the touch at the right moment to extend legs and align feet with the ground. * **Win Condition:** Landing feet-first on the target mattress/rooftop target zone. * **Fail Condition:** Landing on the head/back, or missing the building entirely and falling into the abyss. * **Scoring:** Award points based on the number of flips completed and the precision of the landing (e.g., "Perfect Landing", "Sketchy Landing"). ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Landscape** mode preferred for better depth perception of the target building. * **Control Scheme:** One-button / One-thumb gameplay mechanics. * **Tap 1:** Lock Angle & Jump. * **Touch & Hold:** Tuck & Spin. * **Release:** Untuck & Prepare for landing. * **Haptic Feedback:** Trigger a light vibration tick on jump, a continuous low-level vibration during the spin, and a heavy vibration on impact. * **UI Layout:** * Large, thumb-friendly "Restart" and "Next Level" buttons overlaid on the game over screen (min-height 50px). * Score and Level indicator in the top-left corner (safe area compliant). * Tutorial overlay for the first level: "Tap to Jump" -> "Hold to Flip". Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Flip Runner is an adrenaline-pumping parkour game that puts you in the shoes of a fearless rooftop runner. Navigate through an urban landscape by jumping from building to building, performing spectacular front flips and backflips to land safely on each platform. With its intuitive controls and challenging gameplay, Flip Runner offers an immersive parkour experience that will test your timing, precision, and courage.

The game features stunning 3D graphics with a first-person perspective that makes you feel like you're actually standing on the edge of skyscrapers. Each successful jump brings you closer to mastering the art of urban parkour, while failed attempts teach valuable lessons about timing and trajectory.

Core Features

39 Challenging Levels

Progress through increasingly difficult parkour courses, each designed to test different aspects of your jumping and flipping skills. From simple roof-to-roof jumps to complex multi-story challenges, every level offers a unique obstacle course.

Character Progression System

Earn cash by completing successful runs and spectacular landings. Use your earnings to unlock new parkour characters, each with their own unique style and abilities. You can also invest in training your current character to improve their performance and unlock new flip techniques.

Realistic Physics Engine

Experience authentic parkour physics that make every jump feel realistic and rewarding. The game's advanced physics system accurately simulates momentum, rotation, and landing mechanics.

Multiple Flip Techniques

Master various flip styles including front flips, backflips, and combination moves. Each technique requires different timing and precision, adding depth to the gameplay experience.

Gameplay Mechanics

Flip Runner combines precision timing with strategic planning. Before each jump, you must carefully aim your trajectory using the directional arrow system. The key to success lies in understanding the relationship between jump angle, rotation timing, and landing position.

The mid-air control system allows for dynamic flip execution. Players must judge the perfect moment to initiate spins and the optimal timing to stop rotation for a clean landing. This creates a satisfying skill-based gameplay loop where practice leads to noticeable improvement.

Operation Guide

Basic Controls

  • Mouse Movement : Aim your jump direction using the arrow indicator
  • Left Click : Execute the jump when the arrow is positioned correctly
  • Hold Left Mouse Button : Perform flips while airborne (hold to spin)
  • Release Mouse Button : Stop spinning and prepare for landing

Pro Tips for Success

  1. Perfect Your Timing : Watch the arrow carefully and click when it points to your intended landing spot
  2. Control Your Flips : Hold the mouse button to spin, but release it early enough to orient your feet downward before landing
  3. Practice Makes Perfect : Each level teaches new skills - don't rush through them
  4. Earn and Spend Wisely : Collect cash from successful runs to unlock better characters or upgrade abilities
  5. Study the Environment : Each rooftop has different dimensions and distances - plan accordingly

Why Play Flip Runner

Free Entertainment : Enjoy hours of parkour action without any cost - completely free to play in your browser.

Skill Development : Improve your reaction time, spatial awareness, and strategic planning through engaging gameplay.

Progressive Challenge : The difficulty curve ensures you're always facing appropriate challenges as your skills improve.

Stress Relief : The focused gameplay provides an excellent way to unwind and escape daily stress.

No Download Required : Play instantly in any modern web browser without installation or registration.

Cross-Platform Compatible : Works seamlessly on desktop computers, laptops, and mobile devices.

Whether you're a parkour enthusiast or simply looking for an exciting skill-based game, Flip Runner delivers an authentic rooftop running experience that will keep you coming back for more spectacular stunts and challenging courses.

Frequently Asked Questions (FAQ)