City Jumper - Free Online Stick Figure Adventure Game

Seele01-Flash
By
City Jumper is an exciting free online stick figure action game where you leap over city buildings in death-defying bounds. Navigate through urban obstacles and survive the dangerous cityscape in this thrilling adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**City Jumper: 3D Remaster**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A stylish **2.5D Side-Scroller**. Use an **Orthographic Camera** to replicate the classic "flat" Flash game aesthetic shown in the screenshot but constructed with 3D primitives. * **Color Palette:** High contrast "Night Mode". Background is pure black (`#000000`). Ground is a bright neon green strip (`#00FF00`). Buildings are grey (`#808080`) with simple white window patterns. The Player is a bright white (`#FFFFFF`) stick figure. * **Models:** * **Player:** A 3D Stickman constructed from thin `CylinderGeometry` or `LineSegments`. It must be animated (rigged or procedural) to show running legs. * **Environment:** Procedurally generated city skyline. Buildings are `BoxGeometry` of varying heights and widths. * **Obstacles:** "Bums" (static red capsule enemies) and "Bridge Cables" (sharp triangular spikes on building roofs). * **Performance (Mobile):** Use `InstancedMesh` for repeating building blocks if possible. Limit light sources; use `MeshBasicMaterial` for a flat, performant look. Keep the poly count low. ### 2. Audio Requirements * **BGM:** A fast-paced, looping **8-bit Retro Techno/Drum & Bass** track to induce urgency. * **Sound Effects (SFX):** * **Jumps:** Two distinct "Swoosh" sounds (Higher pitch for the Big Jump, lower pitch for the Small Jump). * **Landing:** A soft "Tap" footstep sound. * **Death:** A loud, cruncy "Splat" or "Snap" sound accompanied by a "Game Over" buzzer. ### 3. Gameplay Loop * **Core Mechanic:** The player auto-runs constantly from left to right at an increasing speed. The goal is to survive as long as possible. * **The "Two-Jump" System (Crucial):** * The game relies entirely on choosing the correct jump arc for the upcoming gap/obstacle. * **Small Jump:** Low height, short distance. Used for quick hops between close buildings. * **Big Jump:** High height, long distance. Used for wide gaps or clearing tall obstacles. * **Obstacles & Generation:** * **Gaps:** Empty space between buildings (fall = death). * **Spikes:** Sharp objects on roofs (touch = death/blood particles). * **Enemies:** Static obstacles meant to be jumped over. * **Fail State:** Collision with the side of a building, landing on a spike, or falling into a gap results in the stickman shattering into red particle blocks (simulating the "Bloody" tag). * **Score:** Display distance traveled in meters at the top center. ### 4. Mobile Controls & Interaction * **Split-Screen Touch Controls:** * **Left Half of Screen:** Tap to trigger a **Big Jump** (High parabolic arc). * **Right Half of Screen:** Tap to trigger a **Small Jump** (Low, quick arc). * *Note:* This maps directly to the original "Left Arrow / Right Arrow" mechanic but optimized for thumbs. * **Orientation:** Landscape mode is mandatory (lock screen if possible via meta tags). * **UI & Feedback:** * **Touch Feedback:** Visualize the touch with a subtle white ripple effect on the screen where the player tapped. * **Haptic Feedback:** Trigger `navigator.vibrate(200)` upon death. * **Restart:** A large, centered "Play Again" button (minimum 60x60px hit area) appearing immediately after death. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About City Jumper

City Jumper is an adrenaline-pumping stick figure action game that challenges players to leap across city rooftops in spectacular fashion. This free online adventure combines platforming, obstacle avoidance, and runner elements into one thrilling urban experience. With its simple yet engaging gameplay, City Jumper has earned a solid rating from players who love fast-paced action games.

Core Features

Spectacular Urban Jumping Action

Experience the thrill of superhuman leaps as your stick figure character bounds over towering city buildings. Each jump requires precise timing and skill to avoid deadly obstacles and urban hazards.

Simple Yet Challenging Controls

The game features intuitive two-button controls that are easy to learn but difficult to master. Choose between big jumps and small jumps to navigate the complex urban landscape safely.

Dangerous Obstacle Course

Navigate through a perilous cityscape filled with challenging obstacles. From towering skyscrapers to dangerous structures like the Golden Gate Bridge, every element in the city poses a potential threat to your survival.

Free Browser-Based Gaming

  • Completely Free : No payment required to access the full game experience
  • No Download Needed : Play instantly in your web browser
  • Cross-Platform Compatible : Works on desktop computers, laptops, and mobile devices
  • Quick Loading : Start playing within seconds of accessing the game

Intense Survival Gameplay

The game combines elements of action, platforming, and survival as you attempt to cross the entire city alive. Each playthrough presents new challenges and requires quick reflexes to succeed.

Gameplay Mechanics

City Jumper offers a unique blend of platforming and obstacle avoidance gameplay. Your stick figure character must leap from building to building, carefully timing each jump to avoid fatal collisions with urban structures. The game's physics-based jumping system adds realism to each death-defying leap.

Strategic Jump Selection

Mastering the difference between big jumps and small jumps is crucial for success. Big jumps help you clear large gaps between buildings, while small jumps provide precision for navigating tight spaces and avoiding low-hanging obstacles.

Operation Guide

The game uses a simple two-key control scheme:

  • Left Arrow Key : Execute a big jump for clearing large distances
  • Right Arrow Key : Perform a small jump for precise movements
  • Timing : Press keys at the right moment to avoid obstacles and land safely

Success requires understanding when to use each type of jump. Study the upcoming obstacles and choose your jumping strategy accordingly. Practice makes perfect in mastering the rhythm of urban leaping.

Why Play City Jumper

Perfect for Quick Gaming Sessions

City Jumper is ideal for players looking for exciting gameplay in short bursts. Each attempt provides immediate action and challenge, making it perfect for breaks or casual gaming moments.

Skill-Based Challenge

The game rewards practice and skill development. As you improve your timing and jump selection, you'll be able to progress further through the dangerous cityscape.

Nostalgic Stick Figure Action

Fans of classic stick figure games will appreciate the simple yet effective visual style combined with intense action gameplay. The minimalist graphics focus attention on the core jumping mechanics.

Accessible Gaming Experience

With no download requirements and simple controls, City Jumper is accessible to players of all ages and gaming experience levels. The browser-based format ensures you can play anywhere with an internet connection.

Competitive Replay Value

Try to beat your previous distance records and challenge friends to see who can survive the longest in the urban jungle. The game's difficulty creates natural competitive elements that encourage multiple playthroughs.

Frequently Asked Questions (FAQ)