Backflipper - Physics-Based Parkour Game

Seele01-Flash
By
Backflipper is an exciting physics-based parkour game where you perform spectacular backflips across urban landscapes. Master the art of timing and precision to land perfect flips while unlocking unique characters with special abilities.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Backflipper". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a vibrant, Low-poly aesthetic similar to "Crossy Road" or voxel art. The world should be composed of simple geometric primitives (cubes, rectangular prisms) to ensure high frame rates on mobile devices. * **Character Model:** A "blocky" humanoid character rigged as a simplified ragdoll. The character should have distinct body parts (head, torso, arms, legs) colored brightly (e.g., white shirt, red pants) to contrast against the background. * **Environment:** A procedural skyline. The foreground consists of varying height platforms (skyscrapers, house rooftops, trees) generated infinitely to the right. The background should be a clean gradient blue sky (simulating daylight) with perhaps some distant, non-collidable low-poly clouds. * **Performance:** strict LOD (Level of Detail) is not needed due to simple geometry, but limit real-time shadows to the main character and the immediate platform to save battery. Use `MeshLambertMaterial` or `MeshPhongMaterial` for efficient lighting calculations. ### 2. Audio Requirements * **BGM:** An energetic, looping "Electro-Funk" or "Arcade Sports" track. It should feel upbeat and encourage rhythm. * **Sound Effects (SFX):** * *Jump:* A "swish" or spring sound upon leaving the platform. * *Flip:* A "wind whoosh" sound that increases in pitch the faster the character spins. * *Landing (Success):* A solid "thud" combined with a "ding" or crowd cheer. * *Crash (Fail):* A comedic "crunch" or slapstick impact sound when landing on the head/back. * *Coin Collection:* A high-pitched, satisfying "ching" sound. ### 3. Gameplay Loop * **Core Mechanic:** The game is physics-based. The character starts standing on the edge of a building. * **Action Phase:** 1. **The Jump:** Character leaps backward into the air with an initial upward and backward velocity. 2. **The Flip:** While in the air, the character "tucks" to rotate backward. The rotation speed depends on player input duration. 3. **The Drift:** The character needs to move horizontally to reach the next building (which might be far away or close). * **Win Condition:** The character lands on their feet (or feet-first within a forgiving angle threshold) on the target platform. * **Fail Condition:** The character lands on their head, back, or misses the platform entirely and falls into the abyss. * **Scoring:** +1 Score for every successful landing. Bonus points for multiple flips (double/triple backflips) before landing. * **Coin System:** Floating coins are placed in arcs between buildings. Passing through them collects them. ### 4. Mobile Controls & Interaction * **Control Scheme (One-Touch Mechanics):** * **Touch & Hold:** When the player touches and holds anywhere on the screen, the character tucks their knees and rotates (backflips). * **Release:** Releasing the finger extends the character's body (stopping the rotation) to prepare for landing. * **Horizontal Drift (Optional but Recommended):** While holding, sliding the finger slightly Left or Right on the screen applies a small horizontal force to help aim for the mat. * **Orientation:** Portrait Mode (Vertical) is preferred to see the height of the jumps and the drop, but the camera must track the character smoothly on the X and Y axis. * **UI/UX:** * **Start Screen:** Large "Tap to Flip" text. * **In-Game:** Minimal UI. Score displayed at the top center. * **Game Over:** A "Restart" button that occupies a large hit area (at least 60% of the lower screen width) for quick replayability. * **Feedback:** trigger `window.navigator.vibrate(50)` on a successful landing and a longer vibration on a crash. Add a small "camera shake" effect on impact. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Backflipper is a thrilling physics-based parkour game that challenges you to master the art of backflipping across diverse environments. Using realistic ragdoll physics, you'll navigate through skyscrapers, houses, trees, and various urban obstacles while performing spectacular aerial stunts.

This action-packed skill game combines precision timing with physics-based movement, creating an engaging experience that's easy to learn but challenging to master. Each successful flip brings you closer to unlocking new characters and achieving parkour perfection.

Core Features

Realistic Ragdoll Physics

Experience authentic physics-based movement as your character performs backflips with realistic momentum and gravity. Every jump feels natural and responsive, making each successful landing incredibly satisfying.

Diverse Environment Challenges

Navigate through multiple challenging environments: - Urban Rooftops : Leap between towering skyscrapers - Residential Areas : Flip across house roofs and backyard obstacles - Natural Settings : Master tree-to-tree parkour movements - Mixed Terrain : Combine different obstacle types for ultimate challenges

Character Progression System

Earn coins through successful flips and unlock an exciting roster of unique characters: - Penguin Flipper : Antarctic agility with special ice-sliding abilities - Presidential Flipper : Executive-level flipping with formal flair - Astronaut Flipper : Zero-gravity experience with space-themed moves - Additional Characters : Discover more unique flippers with distinct abilities

Precision-Based Gameplay

Success depends on perfect timing and spatial awareness. Calculate your jump trajectory, adjust mid-air positioning, and stick the landing on designated mats to score points and progress.

Game Mechanics

The core gameplay revolves around mastering backflip techniques across increasingly challenging obstacle courses. Players must:

  • Time Jumps Perfectly : Launch at the optimal moment for maximum distance
  • Control Mid-Air Movement : Adjust character position during flips
  • Nail the Landing : Precisely land on target areas to score points
  • Chain Combos : Link multiple successful flips for bonus rewards

Coin Collection System

Earn coins through successful performances to unlock new content: - Perfect landings award bonus coins - Consecutive successful flips multiply your earnings - Special trick combinations provide coin bonuses - Daily challenges offer additional earning opportunities

Operation Guide

Basic Controls

  • Mouse Control : Click, hold, and move to initiate and control flips
  • Landing Adjustment : Move mouse left or right during flight to adjust landing position
  • Timing Release : Release mouse at the perfect moment for optimal landing

Pro Tips for Success

Master Your Timing The key to success lies in understanding the physics engine. Each surface has different bounce characteristics, so practice your timing on various platforms to develop muscle memory.

Positioning Strategy During mid-air movement, small mouse adjustments can mean the difference between a perfect landing and a failed attempt. Always aim for the center of landing mats for maximum stability.

Character Selection Experiment with different characters to find one that matches your playing style. Each character's unique abilities can help you tackle specific challenges more effectively.

Progressive Learning Start with shorter jumps to build confidence, then gradually attempt longer distances as your skills improve. The physics remain consistent, so mastered techniques apply to all levels.

Why Play Backflipper

Immediate Accessibility

As a browser-based game, Backflipper requires no downloads or installations. Simply open your web browser and start flipping instantly on any device.

Skill Development Focus

Unlike many casual games, Backflipper rewards genuine skill development. As you improve your timing and spatial awareness, you'll notice clear progression in your performance.

Satisfying Physics Engine

The realistic ragdoll physics create genuinely satisfying moments when you nail a perfect landing. Each successful flip feels earned through skill rather than luck.

Replayability Factor

With multiple characters to unlock, various environments to master, and endless opportunities for improvement, Backflipper offers substantial replay value for players seeking long-term engagement.

Cross-Platform Compatibility

Play seamlessly across desktop computers, tablets, and smartphones. Your progress and skills transfer naturally between devices.

Whether you're looking for a quick gaming session or extended practice to master advanced techniques, Backflipper delivers an engaging physics-based parkour experience that challenges your timing, precision, and spatial reasoning skills.

Frequently Asked Questions (FAQ)