Spider-Man 2: Endless Swing

Seele01-Flash
By
Spider-Man 2: Endless Swing lets you experience the thrill of being the web-slinging superhero. Collect web fluid, swing through the city, and see how long you can keep the adventure going in this action-packed endless game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Spider-Man 2: Endless Swing". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Side-Scrolling perspective. Use a "Low-Poly Stylized Realism" aesthetic to mimic the movie feel while maintaining high FPS on mobile devices. * **The Hero:** A dynamic red and blue low-poly humanoid character. Must feature trail renderers on hands/feet to accentuate speed during swings. * **Infinite City Generation:** Procedurally generated skyscrapers in the background and mid-ground. * *Foreground:* Interaction layer with "attachable" anchor points (cranes, building corners). * *Background:* Parallax scrolling skyline with fog at the bottom (y-axis < 0) to obscure the street/fail zone. * **Items:** "Web Fluid Canisters" (glowing blue cylinders) floating in arc patterns between buildings. * **Mobile Optimization:** Use `InstancedMesh` for building repetition. Limit dynamic lights; use baked ambient occlusion or simple directional lighting. Texture resolution should not exceed 1024x1024. ### 2. Audio Requirements * **BGM:** An endless, high-energy cinematic orchestral loop with electronic drum beats (120-140 BPM) to induce a "flow state." * **SFX:** * *Web Shoot:* A distinct "Thwip" sound. * *Swinging:* Wind "Whoosh" sound that changes pitch based on velocity. * *Collection:* A high-pitched digital chime when collecting Web Fluid. * *Game Over:* A chaotic traffic noise fade-in or a heavy impact thud when falling. ### 3. Gameplay Loop * **Core Mechanic (Pendulum Physics):** The player moves automatically to the right. The primary challenge is maintaining momentum. * Raycast from the character at a 45-degree angle (up-right) to find anchor points. * When attached, the character swings in a pendulum arc. * Release to launch forward using conserved momentum. * **Resource Management:** Implement a "Web Fluid Meter" (Stamina). * Shooting a web consumes fluid. * Swinging drains fluid slowly over time. * The game ends if fluid reaches 0 (character falls) OR if the character hits the "ground" (y < -10). * **Scoring:** Score is based on distance traveled (meters). Bonus points for collecting Web Fluid canisters. * **Difficulty Curve:** As distance increases, anchor points become sparser, and the scroll speed increases. ### 4. Mobile Controls & Interaction * **Control Scheme:** One-handed "Tap and Hold" mechanic. * **Touch Start:** Shoot web and attach to the nearest valid point. * **Hold:** Maintain swing arc. * **Touch End (Release):** Cut web and launch character. * **Orientation:** Landscape mode is preferred for a wider field of view, but the camera logic must adapt FOV if the user switches to Portrait. * **UI Layout:** * *Web Fluid Bar:* Placed at the top-center or left edge (vertical bar), high contrast (Cyan vs. Grey). * *Score:* Top-right corner, large bold font. * *Restart Button:* Large overlay (minimum 60x60px touch area) appearing only on the Game Over screen. * **Feedback:** Trigger `navigator.vibrate(50)` on web impact and collecting items for tactile feedback. Add a subtle camera shake on high-velocity landings or close calls. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Spider-Man 2: Endless Swing brings the iconic web-slinging experience to your browser in an exciting endless adventure format. Based on the beloved Marvel superhero, this action game challenges you to swing through the cityscape as long as possible while collecting essential web fluid to keep your momentum going. With a solid 3.4/5 rating from players, this game captures the essence of being Spider-Man in a fun, accessible format.

Core Features

This thrilling superhero adventure offers everything fans love about Spider-Man:

  • Authentic Web-Swinging Mechanics : Experience realistic physics-based swinging that captures the feel of being the friendly neighborhood Spider-Man
  • Endless Gameplay : No levels to complete - just pure, continuous web-swinging action that tests your reflexes and endurance
  • Web Fluid Collection System : Strategic resource management adds depth as you collect web fluid to maintain your swinging abilities
  • Completely Free : Play instantly in your browser without any downloads, purchases, or subscription fees
  • All-Ages Content : Family-friendly superhero fun suitable for players of all ages
  • Cross-Platform Compatible : Enjoy seamless gameplay on desktop computers, tablets, and mobile devices

Immersive Superhero Experience

Step into Spider-Man's suit and feel the rush of swinging between skyscrapers. The game's physics engine creates an authentic web-swinging experience where timing, momentum, and skill determine how far you can travel through the urban landscape.

Strategic Resource Management

Web fluid isn't unlimited! You'll need to carefully collect web fluid capsules scattered throughout the city to maintain your swinging abilities. This adds a strategic element that keeps the gameplay engaging and challenging.

Game Mechanics

The core gameplay revolves around mastering Spider-Man's signature web-swinging:

  • Swing Timing : Perfect your timing to maintain momentum and achieve maximum distance
  • Web Fluid Collection : Strategically gather web fluid pickups to keep swinging
  • Obstacle Navigation : Dodge buildings, vehicles, and other urban obstacles
  • Score Progression : Compete for high scores and challenge yourself to swing further each time

Operation Guide

Controls are intuitive and responsive:

  • Mouse Controls : Click and hold to shoot webs and control swing direction
  • Keyboard Alternative : Use spacebar or arrow keys for web shooting and movement
  • Mobile Touch : Tap and hold on mobile devices for seamless touch control
  • Timing is Key : Release at the peak of each swing for maximum momentum

The goal is simple but challenging: swing as far as possible while collecting web fluid to sustain your adventure. Master the rhythm of swinging, plan your web fluid collection routes, and see how long you can keep Spider-Man airborne.

Why Play This Game

Spider-Man 2: Endless Swing offers the perfect blend of superhero fantasy and addictive gameplay. Whether you're a longtime Spider-Man fan or just love action games, this title delivers instant entertainment without any barriers. The endless format means you can play for just a few minutes or spend hours trying to beat your high score. With no downloads required and complete browser compatibility, it's the perfect way to experience web-slinging action anytime, anywhere.

Frequently Asked Questions (FAQ)