Hanger - Physics Rope Swinging Game

Seele01-Flash
By
Hanger is an intense physics-based rope swinging game where you navigate through dangerous levels using realistic rope mechanics. Swing like an ape, master momentum, and race through challenging obstacles.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Hanger: Ragdoll Swing 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: **2.5D Side-Scrolling Low-Poly**. The game should take place on a 2D plane (X/Y axis) but use 3D geometry. * **Character**: A segmented **Ragdoll Character** composed of simple geometric shapes (capsules/boxes). The character must have distinct limbs (arms, legs, torso, head). * *Color Palette*: Bright Blue torso, Black legs, skin-tone head/hands (matching the reference image). * *Physics*: Each body part must be a rigid body connected by constraints (HingeConstraints/ConeTwistConstraints) to simulate floppy ragdoll physics. * **Environment**: * *Foreground*: Sharp, angular, black geometric shapes representing walls, ceilings, and floor spikes. * *Background*: A sterile, industrial grey backdrop with subtle depth (fog) to make the foreground pop. * **Visual Effects (VFX)**: * **Blood/Gore**: When the character collides with obstacles with high velocity, emit red cubic particle bursts (instanced meshes for performance). * **Rope**: A white dynamic line (LineRenderer or TubeGeometry) connecting the character's hand to the ceiling anchor point. * **Speed Lines**: Subtle white streaks at the edges of the screen when velocity is high. * **Mobile Optimization**: Use `InstancedMesh` for particles. Limit real-time shadows to the character only. Use a fixed Z-depth camera. ### 2. Audio Requirements * **BGM**: Fast-paced **Industrial Rock or Breakbeat** track. High tempo to emphasize the "Racing" and "Adrenaline" tags. * **Sound Effects (SFX)**: * *Rope Shoot*: A sharp "Thwip" or compressed air sound. * *Swing*: A low-frequency wind "Whoosh" based on velocity. * *Collision/Damage*: Bone crunching sounds and wet splatter sounds (essential for the "Bloody/Hard" theme). * *Game Over*: A flatline tone or a heavy "Thud". ### 3. Gameplay Loop * **Core Mechanic**: Momentum-based swinging. The player must traverse an endless, procedurally generated tunnel filled with obstacles. * **Physics Logic**: * The player is subject to gravity. * Shooting the rope creates a constraint between the character and the nearest ceiling point above/forward of them. * Retracting/Extending the rope changes the swing radius. * **Health & Damage**: * **Body Damage**: Hitting walls reduces health. * **Limb Loss**: (Advanced) If an impact is too hard, a limb constraint should break, causing the arm/leg to detach (the "Bloody" aspect). * **Failure State**: Touching the floor/spikes, losing all health, or losing the head triggers Game Over. * **Scoring**: Score increases based on distance traveled. ### 4. Mobile Controls & Interaction * **Control Scheme**: Split-screen touch controls overlaid on the canvas. * **Right Side (The "Action" Zone)**: * **Tap & Hold**: Shoots the rope at a 45-degree angle forward-up and holds onto it. * **Release**: Detaches the rope to fly forward. * **Left Side (The "Adjustment" Zone)**: * **Vertical Slider / Two Buttons**: Slide Up to shorten the rope (climb up), Slide Down to lengthen the rope (lower down). * **Tilt / Virtual Joystick X-axis**: Apply slight torque to swing back and forth (to build momentum from a standstill). * **Camera**: The camera must smoothly follow the player's X-position but dampen Y-axis movement to prevent motion sickness. Keep the player slightly to the left of the center to show more of the path ahead. * **Haptic Feedback**: Trigger device vibration (`navigator.vibrate`) on heavy collisions or when a limb is lost. * **UI**: Minimalist. Score at top center. Health bar at top left. Retry button (large, 60x60px minimum) appears on Game Over. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Hanger is a thrilling physics-based action game that challenges players to master the art of rope swinging. With a stellar rating of 4.5/5 stars from thousands of players, this free browser game combines realistic physics mechanics with fast-paced action gameplay. Navigate through increasingly difficult levels by swinging on ropes, timing your releases perfectly, and avoiding deadly obstacles.

Core Features

Realistic Physics Engine

Hanger features an advanced physics system that makes every swing feel authentic. The rope mechanics respond to momentum, gravity, and player input in realistic ways, creating an immersive swinging experience that requires skill and timing to master.

Challenging Level Design

Each level presents unique obstacles and challenges that test your rope-swinging abilities. From sharp spikes to moving platforms, you'll need quick reflexes and perfect timing to survive the increasingly difficult stages.

Progressive Difficulty

The game starts with simple swinging mechanics but quickly ramps up the challenge. As you progress, levels become more complex with tighter spaces, more obstacles, and requiring more precise timing and control.

Free Browser Gameplay

Completely free to play with no downloads required. Simply open your browser and start swinging immediately on any device that supports web games.

Game Mechanics

Momentum-Based Movement

Success in Hanger depends on understanding momentum and physics. Build up speed through long swings, then release at the perfect moment to carry that momentum forward. Short, choppy movements will slow you down and make obstacles harder to clear.

Rope Attachment System

You can throw and attach your rope to various anchor points throughout each level. Learning where and when to attach your rope is crucial for maintaining speed and avoiding hazards.

Timing Challenges

The key to mastering Hanger is perfecting your timing. Release too early and you'll fall short. Release too late and you'll crash into obstacles. Finding the sweet spot for each swing is what separates beginners from experts.

Operation Guide

Basic Controls

  • Left/Right Arrow Keys : Control your swinging motion and build momentum
  • Spacebar : Release your current rope and throw a new one
  • Up/Down Arrow Keys : Adjust your position while hanging on the rope

Advanced Techniques

  • Momentum Building : Use wide swings to build speed before navigating tight spaces
  • Quick Releases : Master rapid rope throwing for fast-paced sections
  • Precision Timing : Learn the optimal release points for maximum distance

Survival Tips

  • Study each level layout before making your first move
  • Use short swings for precise movements in tight spaces
  • Build momentum in open areas before approaching obstacles
  • Practice the timing of rope releases to avoid deadly spikes

Why Play Hanger

Perfect for Quick Gaming Sessions

Hanger is ideal for players looking for an engaging game that can be played in short bursts. Each level can be completed quickly, making it perfect for breaks or casual gaming sessions.

Develops Timing and Coordination

The game's physics-based mechanics help improve hand-eye coordination and timing skills. Players must learn to anticipate momentum and plan their moves several steps ahead.

High Replay Value

With challenging levels and the drive to improve your performance, Hanger offers excellent replay value. Players often return to beat their previous times or master levels they previously struggled with.

Accessible Yet Challenging

While the basic controls are simple to learn, mastering the game's physics takes practice and skill. This balance makes it appealing to both casual players and those seeking a more serious challenge.

Frequently Asked Questions (FAQ)