Flip Bros

Seele01-Flash
By
Flip Bros is an entertaining physics-based platform game where you defeat enemies by launching yourself at them with perfect timing and momentum control.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Flip Bros**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Use a **2.5D perspective** (3D objects on a 2D plane). The aesthetic should be **"Toon/Cel-Shaded"** to mimic the screenshot's thick black outlines and flat colors. Use a custom shader or the "inverted hull" technique to create outlines around the character and platforms. * **Character**: Create a low-poly character ("The Bro") wearing a white tracksuit and a hood. The character must be rigged or segmented (head, torso, arms, legs) to support **ragdoll physics** upon collision. * **Environment**: * **Foreground**: Geometric platforms (boxes/cylinders) with high friction. * **Background**: A simple gradient skybox (Bright Blue to White) with low-poly, flat-shaded palm tree silhouettes in the distance to add depth without consuming performance. * **Enemies**: Static or slowly moving targets (e.g., another "Bro" in a red suit) that act as the "goal." * **Mobile Optimization**: Use `InstancedMesh` for repeated environmental objects. Limit real-time shadows; use baked lighting or a simple directional light. Texture resolution should be kept low (512x512 max). ### 2. Audio Requirements * **BGM**: An upbeat, quirky **Electro-Funk** or **Ska-Punk** loop. It should sound energetic but slightly "goofy" to match the ragdoll theme. * **Sound Effects (SFX)**: * **Rotation**: A rising-pitch "whirring" sound or wind "whoosh" that loops and speeds up while the player holds the screen. * **Launch**: A cartoonish "Zing!" or spring sound upon release. * **Impact (Success)**: A satisfying "Slap" or bowling-pin strike sound when hitting an enemy. * **Impact (Fail)**: A comedic "Bone crunch" or dull "Thud" when hitting obstacles/ground too hard. * **Win**: A short vocal clip saying "Yeah!" or "Flip!". ### 3. Gameplay Loop * **Physics Engine**: Integrate **Cannon.js** or **Ammo.js** for handling momentum, gravity, and rigid body collisions. * **Core Mechanic**: 1. **Idle**: The player starts standing on a platform. 2. **Charge/Rotate**: When the user presses and holds, the character tucks their knees and begins to rotate (spin) rapidly in the air. The angular velocity is key here. 3. **Launch**: When the user releases, the character shoots forward in the direction they were facing at that exact millisecond. The rotational momentum converts into linear velocity. * **Win Condition**: The player's body physically collides with the "Enemy" object. The enemy should go limp (ragdoll) upon impact. * **Fail Condition**: The player hits a "Danger Zone" (spikes/saw) or falls off the screen bounds. * **Ragdoll State**: If the player hits a wall or obstacle without hitting the enemy, they lose control and tumble according to physics until they stop moving. ### 4. Mobile Controls & Interaction * **Input Scheme**: **Full-screen touch**. No on-screen buttons are needed for gameplay to maximize immersion. * **Touch Start & Hold**: Initiate rotation/tuck pose. * **Touch End**: Release to launch. * **Orientation**: **Landscape Mode** is preferred to see the trajectory and target on the right side of the screen. * **Camera**: A generic `PerspectiveCamera` that smoothly follows the player's X and Y position (with a slight delay for a "smooth damp" effect), keeping the Z-axis fixed. * **Feedback**: * **Visual**: A "Speed Line" trail effect behind the character when launched. * **Haptic**: Trigger a short vibration (`navigator.vibrate(20)`) when the player successfully hits the enemy or crashes hard. * **UI**: Large, distinct "Replay" and "Next Level" buttons (min 60x60px) that appear after the round ends. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Flip Bros

Flip Bros is a hilarious and addictive physics-based platform game that combines action, strategy, and perfect timing into one exciting package. In this unique adventure, you don't just run and jump like traditional platformers - instead, you become a human projectile, launching yourself at enemies with calculated precision and momentum.

The game features a charming cartoon art style with smooth animations and engaging ragdoll physics that make every movement feel satisfying and dynamic. Whether you're a casual gamer looking for quick fun or someone who enjoys mastering precise controls, Flip Bros delivers an entertaining experience that's easy to learn but challenging to master.

Core Features

Unique Physics-Based Combat

Unlike traditional platform games, Flip Bros revolutionizes enemy combat by turning you into the weapon. Master the art of launching yourself at the perfect angle and timing to take down opponents while maintaining your momentum for continuous action.

Simple Yet Deep Controls

The game uses an intuitive control scheme - hold to charge your jump and rotation, then release to shoot yourself forward. This simple mechanic creates surprisingly deep gameplay as you learn to judge distances, timing, and trajectory.

Challenging Obstacle Navigation

Beyond enemy combat, you'll face various environmental hazards and obstacles that require careful planning. Each level presents new challenges that test your ability to maintain momentum while avoiding dangerous traps.

Cross-Platform Compatibility

Enjoy seamless gameplay across all your devices. Whether you're on a desktop computer, smartphone, or tablet, Flip Bros adapts perfectly to your screen size and input method.

Gameplay Mechanics

The core gameplay revolves around momentum management and precise timing. You'll need to:

  • Charge Your Launch : Hold the mouse button or spacebar to build up rotational energy
  • Aim Strategically : Position yourself to hit enemies while avoiding obstacles
  • Time Your Release : Let go at the perfect moment to achieve maximum effectiveness
  • Chain Your Moves : Maintain momentum between launches for spectacular combo attacks

Physics Engine Excellence

The game's physics engine creates realistic and satisfying movement. Your character responds naturally to impacts, rotations, and environmental forces, making each playthrough feel organic and unpredictable.

Operation Guide

Desktop Controls: - Mouse : Hold left mouse button to charge jump and rotation - Spacebar : Alternative control for charging (hold to charge, release to launch) - Release : Let go of either control to shoot yourself forward

Mobile Controls: - Touch and Hold : Press and hold anywhere on the screen to charge - Release : Lift your finger to launch

Pro Tips: - Start with small, controlled movements to understand the physics - Practice timing your releases for maximum distance and accuracy - Use walls and surfaces to redirect your momentum - Plan your route to avoid obstacles while maintaining speed

Why Play Flip Bros

Instant Entertainment

Flip Bros provides immediate fun without complex learning curves. Jump in and start playing within seconds, but discover layers of depth as you improve your skills.

Stress-Free Gaming

The game's lighthearted approach and forgiving mechanics make it perfect for relaxation. Mistakes are part of the fun, not frustrating setbacks.

Perfect for All Ages

With its cartoon visuals and simple controls, Flip Bros appeals to players of all ages. It's sophisticated enough for adults while remaining accessible for younger players.

No Commitment Required

Play for 5 minutes or 5 hours - the game saves your progress automatically and lets you jump back in whenever you want.

Completely Free

Enjoy the full Flip Bros experience at no cost. No hidden fees, no premium content locks, just pure gaming fun available instantly in your browser.

Frequently Asked Questions (FAQ)