SpiderDoll - Spider Rope Hero Game

Seele01-Flash
By
SpiderDoll is an action-packed Spider Rope Hero game featuring ragdoll physics. Swing through New York City, battle iconic villains like Green Goblin, and rescue Mary using your web-slinging abilities.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "SpiderDoll - 2.5D Ragdoll Swing & Escape". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2.5D Side-Scroller with a "Vector Art/Doodle" aesthetic to match the screenshot. Use `THREE.OrthographicCamera` to flatten the depth. * **Character (SpiderDoll)**: A ragdoll character constructed from `THREE.SphereGeometry` (head) and `THREE.CapsuleGeometry` (limbs), connected by physics joints. The texture should be a stylized red and blue grid pattern (spiderman-esque). The physics body must be "floppy" to simulate the "doll" aspect. * **Environment**: * **Background**: A dark, scrolling night city skyline with parallax layers (purple/dark blue gradients). * **Foreground**: Procedurally generated buildings (obstacles/anchor points) with neon-colored outlines (using `THREE.LineSegments` or glowing shaders). * **Lighting**: Minimalist lighting with high contrast. Neon signs ("SPIDERDOLL") should act as emissive light sources. * **Optimization**: Use object pooling for building segments and enemies to maintain 60FPS on mobile devices. Minimize draw calls by merging static geometries where possible. ### 2. Audio Requirements * **BGM**: An upbeat, funky, comic-book style loop with a strong bassline and drum beat to encourage momentum. * **Sound Effects (SFX)**: * **Web Shoot**: A crisp "Thwip" sound. * **Swing**: A "Whoosh" wind sound that increases in pitch with speed. * **Collision**: Comical "Thud" or "Boing" sounds when the ragdoll hits walls. * **Ui**: Clean digital clicks for menus. ### 3. Gameplay Loop * **Core Mechanic**: Physics-based pendulum swinging. The player must shoot webs to attach to buildings above/ahead and use momentum to propel forward. * **The Threat**: An "Endless Runner" pressure mechanic where a giant robotic menace ("OctoPuppet") or a "Death Wall" approaches from the left side of the screen. If the player stops moving or gets stuck, they are caught (Game Over). * **Combat & Obstacles**: * Avoid crashing into walls (loses momentum). * Enemies (Green Goblin types) hover in the path; colliding with them knocks the player back unless the player "shoots" them first. * **Win/Loss**: Score is based on distance traveled (meters). Game Over occurs if the player falls below the screen or is caught by the chaser. ### 4. Mobile Controls & Interaction * **Control Scheme (Split Screen)**: * **Left Screen Touch & Hold**: Shoot web from **Left Hand** to a target point on the top-left. * **Right Screen Touch & Hold**: Shoot web from **Right Hand** to a target point on the top-right. * **Release Touch**: Detach the respective web. * **Two Finger Tap**: Shoot a projectile (web-bullet) to attack enemies. * **Visual Feedback**: Draw a white line (`THREE.Line`) representing the web string. When a web attaches, show a small spark particle effect at the anchor point. * **UI Layout**: * Top Center: Distance Score (Large, readable font). * Top Right: Pause Button (Minimum 44x44px hit area). * **Haptic Feedback**: Trigger a short vibration (using `navigator.vibrate`) when the web attaches and a heavy vibration upon collision/game over. * **Orientation**: Locked to **Landscape Mode** for wider view of the upcoming obstacles. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About SpiderDoll

SpiderDoll is an exhilarating Spider Rope Hero game that combines classic superhero action with innovative ragdoll physics. Set in the bustling streets of New York City, you'll take on the role of a web-slinging hero on a mission to rescue Mary from dangerous villains. This free-to-play browser game delivers non-stop action with its unique blend of swinging mechanics, combat systems, and challenging gameplay.

Core Features

Revolutionary Ragdoll Physics

Experience realistic movement and combat with advanced ragdoll physics that make every swing, jump, and battle feel authentic. The physics engine creates hilarious and unpredictable moments as you navigate through the city.

Endless Swinging Action

Master the art of web-slinging as you traverse New York's skyline. Each swing requires skill and timing to avoid crashing into buildings while maintaining momentum through the urban landscape.

Epic Boss Battles

Face off against iconic villains including the menacing Green Goblin and the terrifying OctoPuppet. Each enemy type presents unique challenges that test your combat skills and strategic thinking.

Multiple Game Modes

  • Story Mode : Follow the narrative to rescue Mary and defeat the main villains
  • Endless Mode : Test your survival skills against OctoPuppet in this high-score challenge
  • Online Leaderboards : Compete with players worldwide for the best endless mode scores

Customization Options

Unlock tons of amazing skins to personalize your SpiderDoll hero. Each skin offers a fresh visual experience while maintaining the core gameplay mechanics.

Gameplay Mechanics

Web-Slinging System

The game's signature feature is its intuitive web-swinging mechanics. Use your mouse buttons to shoot webs and swing through the city with realistic physics. Timing and trajectory are crucial for successful navigation.

Combat Arsenal

  • Web Attacks : Wrap enemies in webs to immobilize them
  • Shooting : Use projectile attacks to take down distant foes
  • Combo System : Chain attacks for maximum effectiveness

Enemy Variety

Encounter different enemy types throughout your adventure, each requiring specific strategies to defeat. From street-level thugs to powerful supervillains, every encounter presents new challenges.

Operation Guide

Mastering SpiderDoll's controls is essential for success:

  • Left/Right Mouse Button : Shoot webs to swing through the city
  • Space Bar + Left Mouse Button : Fire projectile attacks at enemies
  • Mouse Movement : Control swing direction and aim

The key to success lies in maintaining momentum while avoiding obstacles. Practice your swinging technique in safer areas before tackling more challenging sections.

Why Play SpiderDoll

Completely Free Gaming Experience

Enjoy the full SpiderDoll experience without any cost. No hidden fees, no pay-to-win mechanics – just pure superhero action available instantly in your browser.

Cross-Platform Accessibility

Play on any device with a web browser, including desktop computers, tablets, and smartphones. The game automatically adjusts to your screen size for optimal performance.

Skill-Based Progression

Success depends entirely on your skill development. Master the physics-based movement system and combat mechanics to achieve higher scores and complete challenging objectives.

Community Competition

Compete with players worldwide through the online leaderboard system. Share your best endless mode runs and challenge friends to beat your scores.

Regular Content Updates

The game continues to evolve with new skins, enemies, and gameplay features, ensuring fresh content for returning players.

Frequently Asked Questions (FAQ)