Ragdoll Fight - Physics Boxing Game

Seele01-Flash
By
Ragdoll Fight is an action-packed physics-based boxing game featuring dynamic ragdoll mechanics and intense combat. Battle AI opponents or challenge friends in exciting 2-player matches with realistic physics effects.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Ragdoll Fight**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-contrast **Low-poly** aesthetic. Characters should be constructed from geometric primitives (Capsules for limbs, Boxes for torsos/heads) with flat shading (no textures, use simple solid colors). * **Player Character**: "Red Fighter" - Red skin, low-poly beard mesh, large white spheres with black pupils for "Googly Eyes" (eyes must have loose physics constraints to wobble). * **Enemy Character**: "Blue Fighter" - Blue skin, similar geometry, wearing a distinct hat (e.g., cowboy hat) to differentiate silhouette. * **Environment**: A stylized **Boxing Arena**. * **Floor**: A checkerboard or canvas texture. * **Boundaries**: Elastic ropes (using `CylinderGeometry`) on the sides that react when players bump into them. * **Background**: A blurred crowd gradient or simple low-poly stadium seating to give depth without consuming performance. * **Effects**: * **Particles**: angular "sweat" or "sparks" particles (instanced mesh) emitted upon impact. * **Impact Flash**: A subtle white screen flash or camera shake on heavy knockouts. * **Performance**: Use `MeshLambertMaterial` or `MeshToonMaterial` for efficient lighting on mobile. Limit dynamic lights to one directional light (Sun) and one ambient light. ### 2. Audio Requirements * **BGM**: Energetic, fast-paced "Arcade Rock" or "Electro-Swing" to match the goofy but intense fighting pace. * **Sound Effects (SFX)**: * **Punch**: Comical "Whack," "Slap," or "Thud" sounds (randomized pitch to avoid repetition). * **Movement**: Whooshing sound when swinging arms. * **Impact**: A funny "Groan" or squeaky toy sound when a character hits the floor. * **UI**: Crisp "Click" for buttons and a "Ding-Ding" bell sound at the start/end of the match. ### 3. Gameplay Loop * **Physics Engine**: Integrate **Cannon.js** or **Ammo.js**. This is crucial. Characters must behave as **"Active Ragdolls"**—they attempt to stand upright (using angular motors/springs) but become loose and floppy when hit or moving fast. * **Combat Mechanics**: * **Health System**: Both fighters have a health bar above their heads. * **Stamina/Balance**: A hidden "Balance" meter. If a player takes too many hits quickly, they go fully limp (Ragdoll mode) for 2 seconds before standing up. * **Attacks**: Physics-based force application. Pressing "Punch" applies an impulse to the hand toward the opponent. Damage is calculated based on the velocity of the collision. * **Game Flow**: * **Start**: 3-2-1 Countdown. * **Fight**: Reduce opponent HP to 0 or knock them out of the ring. * **End**: "K.O." text overlay with a slow-motion effect on the final hit. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Landscape Mode** (Fixed). * **Virtual Controls (Touch Interface)**: * **Left Side**: A dynamic **Virtual Joystick** for movement (floating anchor to accommodate different thumb positions). * **Right Side**: Large, distinct action buttons (minimum 64x64px touch area): * **Button A (Red)**: Right Hook. * **Button B (Blue)**: Left Jab. * **Button C (Green)**: Jump / Dodge. * **Camera Behavior**: The camera must be dynamic. It should keep both players in frame, zooming in when they grapple close and zooming out when they separate. * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on successful punches and `navigator.vibrate([100, 50, 100])` on taking damage to enhance tactile feel. * **UI Layout**: Keep Health Bars at the top corners (safe area) to avoid being covered by thumbs. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Ragdoll Fight is an exhilarating physics-based boxing game that combines realistic ragdoll mechanics with intense fighting action. This free browser game delivers thrilling combat experiences where every punch, movement, and knockdown feels incredibly satisfying thanks to advanced physics simulation. Whether you're battling challenging AI opponents or competing against friends, Ragdoll Fight offers endless entertainment with its unique blend of strategy and physics-driven gameplay.

Core Features

Dynamic Ragdoll Physics

Experience the most realistic fighting mechanics with advanced ragdoll physics that make every battle unpredictable and exciting. Watch as characters react naturally to punches, creating hilarious and satisfying combat moments.

Dual Game Modes

  • Single Player Mode : Challenge increasingly difficult AI opponents in intense boxing matches
  • 2 Player Mode : Face off against friends on the same device for local multiplayer fun

Stunning Visual Effects

Enjoy eye-catching graphics with vibrant colors and smooth animations that bring the boxing arena to life. The game features colorful character designs and dynamic backgrounds that enhance the fighting experience.

Multiple Playgrounds

Fight across various exciting arenas, each offering unique visual themes and atmospheric settings that keep the gameplay fresh and engaging.

Game Mechanics

The physics-driven combat system makes every fight unique. Characters move with realistic weight and momentum, creating authentic boxing experiences where timing, positioning, and strategy matter as much as button mashing.

Combat System

Land powerful punches to knock down opponents while managing your own balance and positioning. The ragdoll physics ensure that every hit has realistic consequences, making victories feel truly earned.

Operation Guide

Ragdoll Fight features intuitive controls designed for both single-player and multiplayer experiences:

Single Player Controls

  • WASD Keys : Move your fighter around the arena
  • F Key : Execute left punch attacks
  • G Key : Deliver right punch combinations
  • V Key : Jump to avoid attacks or gain tactical advantage

2 Player Controls

Player 1 : Uses WASD + F/G/V keys as described above Player 2 : - Arrow Keys : Movement control - J Key : Left punch - K Key : Right punch - M Key : Jump

The control scheme allows for competitive local multiplayer matches where both players can comfortably use the same keyboard.

Why Play This Game

Ragdoll Fight stands out in the crowded fighting game genre through its unique physics-based approach to combat. Unlike traditional fighting games with predetermined animations, every movement and impact feels organic and unpredictable. The game is completely free to play, requires no downloads, and runs smoothly in any modern web browser.

The combination of challenging single-player campaigns and entertaining multiplayer matches makes it perfect for both solo gaming sessions and social gaming with friends. The physics-driven combat creates laugh-out-loud moments while still maintaining competitive depth.

Perfect for All Skill Levels

Whether you're a casual gamer looking for fun or a competitive player seeking challenging battles, Ragdoll Fight accommodates all skill levels with its accessible controls and scalable difficulty.

Frequently Asked Questions (FAQ)