Mad Stick - Physics Stickman Battle Game - Action Game

Please use Three.js to generate a **mobile-first game** with the theme "**Mad Stick: Ragdoll Chaos**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Side-scrolling Action. The game should use a minimalist but polished aesthetic. Characters are "thick" stickmen constructed from simple cylinder and sphere geometries (Low-poly) to ensure high performance on mobile browsers. * **Character Design:** * **Player:** A black stickman figure with customizable distinctive gear (e.g., a red headband or vest). * **Enemies:** Stickmen with variations like camouflage textures, bucket helmets, or military vests. * **Rigging:** All characters must utilize a **Ragdoll Physics** rig (using a physics engine like Cannon.js or Ammo.js integrated with Three.js). Limbs should react dynamically to impacts, explosions, and falls, rather than relying solely on pre-baked animations. * **Environment:** * **Foreground:** A flat, infinite concrete ground with scattered physics objects (e.g., orange crates, explosive barrels) that the player can kick or shoot. * **Background:** A parallax scrolling skyline of monochromatic city silhouettes (grey/blue tones) to create depth without consuming GPU resources. * **Camera:** Orthographic camera or narrow-FOV Perspective camera tracking the player from the side, with slight zoom-outs during high-speed action. * **VFX:** Simple particle systems for muzzle flashes, blood splatters (red blocks/particles), and smoke trails for bullets. ### 2. Audio Requirements * **BGM (Background Music):** High-energy, fast-paced "Arcade Rock" or "Breakbeat" track that encourages aggressive gameplay. The tempo should match the chaotic nature of the fight. * **Sound Effects (SFX):** * **Weapons:** Punchy, realistic gunshot sounds with slight variations in pitch to prevent repetition. * **Physics:** Comical "thud" and "crunch" sounds when ragdoll bodies hit walls or the ground. * **UI:** Digital "clicks" for button presses; a satisfying "cha-ching" or arcade score sound when an enemy is eliminated. * **Slow-motion:** A deep "whoosh" or pitch-down effect when the player performs a stunt or "Bullet Time" is activated. ### 3. Gameplay Loop * **Core Mechanics:** The player moves right continuously or arena-style, fighting waves of armed stickmen. The goal is to survive and score points by eliminating enemies with style. * **Physics Interaction:** The core fun is the ragdoll interaction. Shooting an enemy should push them back physically (force impulse). Kicking a crate should send it flying into enemies. * **Stunt System:** While in the air, the player can perform flips or spins. Successful stunts refill a "Focus Meter" (allows for slow-motion aiming) or health. * **Combat:** * **Shooting:** Projectile-based shooting with gravity drop. High recoil affects the stickman's balance. * **Melee:** If close to an enemy, the character automatically performs a physics-based kick or pistol whip. * **Win/Loss:** * **Win:** Reach the end of the level or defeat a boss wave. * **Loss:** Player health reaches zero (visualized by the stickman going limp/ragdoll). ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Landscape Mode** (Essential for side-scrolling field of view). * **Control Scheme (Twin Stick Setup):** * **Left Virtual Joystick:** Controls movement (Left/Right running) and stance (Down to roll/crouch). * **Right Virtual Joystick:** Controls **Aiming Direction**. Dragging the stick aims the weapon's laser sight; **Releasing** the stick fires the weapon. This allows for precise mobile aiming. * **Jump Button (Right side, separate):** Tap to jump. Tap again in mid-air to perform a stunt flip. * **Feedback:** * **Haptics:** Trigger `navigator.vibrate(20)` on shooting and `navigator.vibrate(50)` on taking damage or killing an enemy. * **Visual Shake:** Apply a subtle screen shake effect to the Three.js camera on explosions or heavy impacts. * **UI Layout:** All interactable buttons must be at least 48x48px. Place the score counter in the top-center and the Health/Focus bar in the top-left, ensuring they do not overlap with the touch control zones. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.