Stickyman Run - Endless Running Adventure

Seele01-Flash
By
Stickyman Run is an addictive endless running game where you control a stick figure that can switch between the top and bottom of the screen to avoid deadly obstacles and collect precious gems.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Stickyman Run**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A "2.5D" side-scrolling runner using an **Orthographic Camera** to simulate a flat 2D aesthetic while utilizing 3D geometry. The game should feature high-contrast visuals: a vibrant **Hot Pink gradient background** (e.g., shifting from #FF69B4 to #FF1493) and **Pitch Black silhouette assets** for the foreground. * **Player Character ("Stickyman")**: A black, slightly flattened sphere or capsule geometry with two large white circular eyes (flat distinct meshes) attached to the front. The character should have a simple "Squash and Stretch" animation effect when switching gravity/landing. * **Obstacles**: * **Spiked Balls**: Black spheres with cone spikes protruding, either static or suspended by a chain (cylinder) from the top/bottom. * **Floor/Ceiling Spikes**: Rows of black cone geometries. * **Collectibles**: Bright Red Gems (IcosahedronGeometry) that rotate and emit a slight glow/emissive color to stand out against the pink background. * **Mobile Optimization**: Use `InstancedMesh` for repetitive environmental elements (spikes, floor segments) to minimize draw calls. Ensure texture resolution is low (or use vertex colors) for fast loading on 4G networks. ### 2. Audio Requirements * **Background Music (BGM)**: A fast-paced, looping "Endless Runner" electronic track. It should be energetic but not distracting, increasing in pitch or tempo slightly as the game speed increases. * **Sound Effects (SFX)**: * **Gravity Switch**: A sharp "Whoosh" or "Zip" sound. * **Landing/Sticking**: A wet "Slap" or "Squish" sound when the character hits the ceiling or floor. * **Gem Collection**: A high-pitched, satisfying "Ching" or "Ding". * **Game Over**: A "Splat" or "Crunch" sound followed by a descending tone. ### 3. Gameplay Loop * **Core Mechanic (Gravity Switch)**: The character automatically runs forward (or the world moves backward). Tapping the screen instantly inverts the character's gravity. If running on the floor, the character "falls" up to the ceiling. If on the ceiling, they drop to the floor. * **Objective**: Survive as long as possible while collecting Red Gems for bonus points. * **Progression**: The scrolling speed linearly increases over time, testing the player's reflexes. * **Collision Logic**: * Hurtbox: The main body of Stickyman. * Hitbox: Spikes and Wrecking Balls. * **Fail Condition**: Any collision with an obstacle triggers a "Game Over" state (stop movement, particle explosion effect). * **Win Condition**: None (Endless), but track a "High Score" stored in `localStorage`. ### 4. Mobile Controls & Interaction * **Control Scheme**: **One-Tap Gameplay**. * Detect `touchstart` events for zero-latency response on mobile devices (do not rely solely on `click`). * Tap *anywhere* on the screen to trigger the gravity switch. * **Screen Adaptation**: * Support both **Landscape** (classic view) and **Portrait** (zoomed out or vertical adaptation) modes. * On window resize, update the Orthographic Camera frustum to maintain the player's relative size. * **UI Layout**: * **In-Game**: Minimalist HUD. Score displayed in the top-center (large white font). * **Game Over Screen**: A centralized modal with "Current Score", "Best Score", and a large, thumb-friendly "RESTART" button (minimum 60x60px touch area). * **Feedback**: * **Visual**: A small particle trail behind the character to indicate speed. Camera shake intensity (slight) on death. * **Haptic**: Trigger `navigator.vibrate(20)` on landing and `navigator.vibrate([50, 50, 50])` on death if the device supports it. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Stickyman Run is a thrilling endless running game that challenges your reflexes and quick thinking. With its vibrant, colorful backdrops contrasting against treacherous obstacles, this game offers a unique twist on the classic runner genre. The simple yet innovative gameplay mechanic allows Stickyman to stick to either the top or bottom of the screen, creating endless possibilities for obstacle navigation.

Rated 3.4 out of 5 by players, this HTML5 game delivers instant entertainment without any downloads required. The game's difficulty progressively increases as Stickyman picks up speed, making each run more challenging than the last.

Core Features

Unique Gravity-Switching Mechanics

Unlike traditional endless runners, Stickyman Run introduces an innovative control system where your character can instantly switch between running on the top and bottom surfaces. This mechanic opens up creative pathways through obstacle courses and adds a strategic element to your runs.

Progressive Difficulty System

As you advance further in your run, the game automatically increases the pace, testing your reaction time and decision-making skills. The escalating speed ensures that even experienced players face constant challenges.

Competitive Scoring System

  • Collect red gems to boost your point total
  • Beat your personal best scores
  • Compete on the in-game leaderboard
  • Challenge friends to surpass your distances

Instant Play Technology

Built with HTML5 technology, the game loads instantly in any modern browser. No downloads, no installations - just pure gaming fun accessible from any device.

Gameplay Mechanics

The core objective is simple yet engaging: guide Stickyman through an endless obstacle course by switching his position between the top and bottom of the screen. Dangerous hazards include:

  • Spikes : Sharp obstacles that require precise timing to avoid
  • Wrecking balls : Swinging hazards that block your path
  • Various traps : Dynamic obstacles that test your reflexes

While avoiding these dangers, you must also collect red gems scattered throughout the course. These gems not only increase your score but also serve as markers of your progress and skill level.

Operation Guide

Controls : - Click anywhere on screen or Tap (mobile): Switch Stickyman between top and bottom surfaces - Timing : Master the rhythm of switching to navigate through complex obstacle patterns - Strategy : Plan your moves ahead to collect gems while avoiding hazards

Gameplay Tips : 1. Start slow : Learn the basic switching mechanic before attempting advanced maneuvers 2. Watch patterns : Obstacles often follow predictable patterns you can memorize 3. Gem priority : Don't risk your run for gems unless you're confident in your timing 4. Practice timing : The key to high scores is precise timing of your switches

Why Play Stickyman Run

Perfect for All Skill Levels

Tagged as "Easy" but offering escalating difficulty, Stickyman Run welcomes beginners while providing enough challenge for experienced players. The simple one-click control system makes it accessible to everyone.

Mobile-Optimized Experience

Designed for both desktop and mobile play, you can enjoy smooth gameplay whether you're at home or on the go. The responsive HTML5 design ensures consistent performance across all devices.

Competitive Elements

The built-in leaderboard system adds a competitive edge, encouraging you to improve your skills and compete with players worldwide. Challenge friends and family to beat your high scores.

Instant Entertainment

No commitment required - jump in for a quick 5-minute session or spend hours trying to achieve the perfect run. The game saves your progress automatically, so you can always come back to beat your best score.

Brain Training Benefits

Categorized under "Brain Teasers," the game sharpens your reflexes, improves decision-making speed, and enhances hand-eye coordination through its fast-paced gameplay.

Frequently Asked Questions (FAQ)