Superhero Race!

Seele01-Flash
By
Superhero Race! is an epic 3D running adventure where you become the hero the world needs. Race against villains, overcome obstacles, and save the world in this thrilling superhero experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Superhero Race!". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual 3D aesthetic. Use low-poly models with flat shading or unlit materials to ensure high performance on mobile devices. Colors should be highly saturated and vibrant (Comic book palette: bright reds, blues, greens, and yellows). * **Character Models**: Create a generic "stickman-style" base mesh that can dynamically change properties to represent different heroes: * *Speed Hero*: Red texture, lightning trails. * *Strength Hero*: Scales up (x2 size), green texture. * *Flying/Web Hero*: Blue/Red texture, hovering animation. * **Environment**: A linear, endless runner-style track floating in the sky. * *Ground*: Sand or asphalt texture with lane markers. * *Background*: A bright blue skybox with stylized white clouds and a distant low-poly city skyline that moves via parallax scrolling to simulate speed. * *Obstacles*: Breakable brick walls (for Strength Hero), wide gaps (for Flying Hero), and flat raceways (for Speed Hero). * **Performance**: Use geometry instancing for the track and obstacles. Limit real-time shadows; use a simple DirectionalLight and AmbientLight. ### 2. Audio Requirements * **Background Music (BGM)**: A high-energy, driving track combining orchestral brass (heroic feel) with a fast-paced drum & bass beat to emphasize speed. * **Sound Effects (SFX)**: * *Transformation*: A distinct "Whoosh" or digital "Morph" sound when the player switches heroes. * *Impact*: A heavy "Crash" or "Boom" when the Strength Hero breaks walls. * *Running*: Rapid footsteps on the ground vs. wind noise when flying. * *UI*: A high-pitched "Ding" for button taps. ### 3. Gameplay Loop * **Core Mechanic - Transformation Runner**: The player character runs forward automatically. The core challenge is **matching the hero type to the obstacle**: * Approaching a Wall -> Player must switch to *Strength Hero* to smash it. * Approaching a Gap -> Player must switch to *Flying Hero* to cross it. * Approaching a Flat Straight -> Player must switch to *Speed Hero* to gain distance. * **Adversary**: An AI-controlled "Villain" runs on a parallel track. The goal is to reach the finish line before the villain. * **Win Condition**: Crossing the finish line 1st triggers a "Victory Dance" animation and confetti particles. * **Fail/Penalty**: Hitting an obstacle with the wrong hero form causes a "Stumble" animation, drastically reducing speed and allowing the villain to overtake. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode (Vertical)** is required for one-handed play. * **Control Scheme**: Place three large, distinct buttons at the bottom of the screen (occupying the bottom 20% of the viewport). * *Button A (Left)*: Icon representing Strength (Fist). * *Button B (Center)*: Icon representing Speed (Lightning). * *Button C (Right)*: Icon representing Flight (Wings/Web). * **Interaction Logic**: Use `touchstart` event listeners for zero-latency response. Tapping a button instantly transforms the character. * **Feedback**: * **Visual**: When a button is active, it should glow or scale up slightly. * **Haptic**: Trigger `window.navigator.vibrate(50)` on every successful transformation or obstacle impact to give physical weight to the actions. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Superhero Race! is an action-packed 3D running game that puts you in the cape of your favorite superhero. This exciting adventure combines fast-paced racing with heroic storytelling, challenging you to overcome obstacles and defeat villains while racing to save the world. With its vibrant 3D graphics and engaging gameplay, this free-to-play game delivers an authentic superhero experience right in your browser.

Core Features

Epic Superhero Adventure

Choose your superhero story and embark on thrilling missions across diverse environments. Each race presents unique challenges that test your reflexes and strategic thinking as you navigate through obstacle-filled courses.

Dynamic 3D Racing Action

Experience smooth, fluid 3D gameplay with stunning visual effects. Race through beautifully designed levels featuring cities, landscapes, and superhero-themed environments that bring the comic book world to life.

Villain Showdowns

Face off against notorious villains in intense racing battles. Each enemy presents different challenges and requires unique strategies to defeat, keeping the gameplay fresh and exciting.

Multiple Superhero Characters

Unlock and play as various superhero characters, each with their own unique abilities and characteristics. Discover your favorite hero and master their special powers to dominate the races.

Cross-Platform Accessibility

  • Completely Free : No downloads or payments required
  • Universal Compatibility : Works on desktop computers, smartphones, and tablets
  • Instant Play : Launch directly from your web browser
  • Mobile Optimized : Smooth performance on both iOS and Android devices

Game Mechanics

Racing Challenges

Navigate through complex obstacle courses while maintaining high speeds. Jump over barriers, slide under obstacles, and use your superhero abilities to overcome environmental hazards.

Power-Up System

Collect special items during races to enhance your abilities. These power-ups can boost your speed, provide temporary invincibility, or unlock special attacks to defeat enemies.

Progressive Difficulty

As you advance through levels, face increasingly challenging obstacles and more formidable villains. The progressive difficulty system ensures that both beginners and experienced players find appropriate challenges.

Operation Guide

The game features intuitive controls designed for easy pickup and play:

  • Mouse Control : Use the left mouse button to interact with all in-game elements
  • Simple Navigation : Point and click interface makes it accessible for all ages
  • Responsive Design : Controls adapt seamlessly between desktop and mobile devices
  • Tutorial System : Built-in guidance helps new players master the gameplay quickly

Why Play Superhero Race!

This game stands out in the superhero gaming genre by combining accessible gameplay with rich storytelling. Whether you're a longtime superhero fan or new to the genre, Superhero Race! offers:

  • Instant Entertainment : Jump right into the action without any setup
  • Family-Friendly Fun : Suitable for players of all ages
  • Regular Challenges : Fresh obstacles and enemies keep the experience engaging
  • No Commitment Required : Play for minutes or hours at your own pace
  • Social Gaming : Share achievements and compete with friends

Perfect for quick gaming sessions or extended play, Superhero Race! delivers the superhero experience you've been looking for, completely free and available whenever you need to save the world.

Frequently Asked Questions (FAQ)