Skateboard Hero

Seele01-Flash
By
Skateboard Hero is an exciting Olympic-style skateboarding sports game where you perform cool tricks, combos, and stunts to win gold medals across multiple events.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Skateboard Hero**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 3D Toon/Cel-shaded aesthetic similar to the reference image. Use bright, saturated colors (Red skateboard, stark black outfit, vibrant gold UI accents) with bold outlines if possible (using `Three.LineSegments` or edge detection shaders). * **Character:** A low-poly skater character (roughly 500-1000 tris for mobile performance). He should wear safety gear (helmet, knee pads). The animation rig needs states for: *Idle, Pushing, Ollie (Jump), Grinding, and Falling*. * **Environment:** A linear "Street Course" set against a stylized city night skyline (dark blue/purple gradients with glowing windows). * **Track:** Use a modular 3-lane system or a single wide lane. Texture should look like concrete pavement. * **Obstacles:** Low-poly Ramps (for air tricks), Metal Rails (for grinding), and Traffic Cones/Barriers (to avoid). * **Collectibles:** Floating Gold Coins or Medals that rotate. * **Performance:** Use `THREE.BoxGeometry` and `THREE.CylinderGeometry` primitives where possible to save memory. Limit dynamic lights to one DirectionalLight (Simulating stadium lighting) and use AmbientLight for base visibility. Use object pooling for generating obstacles and coins to prevent garbage collection stutter on mobile. ### 2. Audio Requirements * **BGM (Background Music):** An energetic, looping "Pop-Punk" or "Arcade Rock" track with driving drums and electric guitar riffs to match the high-speed sports vibe. * **Sound Effects (SFX):** * **Rolling:** A continuous low-rumble loop that plays when the skater is on the ground. * **Jump:** A crisp "Pop" or "Snap" sound when lifting off. * **Grind:** A metallic scraping sound when on rails. * **Collect:** A high-pitched "Ding" or arcade chime when grabbing coins. * **Crowd:** A cheering effect when crossing the finish line or landing a big combo. ### 3. Gameplay Loop * **Core Mechanic:** An "Auto-runner" style game where the character moves forward automatically at increasing speed. * **Actions:** * **Ollie/Jump:** The player must jump over gaps and obstacles. * **Tricks:** Jumping off a ramp triggers a random aerial trick animation (360 spin, grab). * **Grinding:** Landing perfectly on a rail triggers a "Grind" state which awards bonus points. * **Scoring System:** Points are awarded for distance traveled, coins collected, and tricks performed. * **Win/Loss Condition:** * **Loss:** Hitting a barrier or falling into a gap ends the run immediately. * **Win:** Reaching the finish line. The player receives a Gold, Silver, or Bronze medal based on the final score. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Landscape Mode** is preferred to see upcoming obstacles on the track. * **Touch Controls:** * **Tap Anywhere:** Perform a Jump (Ollie). * **Double Tap:** Perform a higher Double Jump (or a trick if already in the air). * *Optional Swipe:* Swipe Down to duck/crouch (if adding overhead obstacles). * **UI/HUD:** * **Score Display:** Large, bold font at the top center. * **Pause Button:** A 44x44px hit area in the top right corner. * **Game Over Screen:** Large "RETRY" button (Green) and "Main Menu" button, easily clickable with thumbs. * **Feedback:** * **Vibration:** Trigger `navigator.vibrate(50)` on impact (landing a trick) or crashing. * **Visual Juice:** When a trick is landed, spawn floating text ("PERFECT!", "COMBO!") and simple particle confetti. Camera should have a slight "shake" effect on impact. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Skateboard Hero is an action-packed skateboarding sports game that brings the thrill of Olympic skateboarding competition to your browser. This free-to-play game challenges you to master stylish tricks, perfect your timing, and compete for gold medals across various skateboarding events. With its vibrant cartoon-style graphics and intuitive controls, Skateboard Hero offers an accessible yet challenging experience for skateboarding enthusiasts of all skill levels.

Core Features

Olympic-Style Competition

Compete in multiple skateboarding events inspired by Olympic competitions. Each event presents unique challenges and scoring opportunities, testing different aspects of your skateboarding skills.

Advanced Trick System

  • Combo Mechanics : Chain together jumps, grinds, and aerial tricks for maximum points
  • Timing-Based Gameplay : Perfect your timing to execute flawless trick combinations
  • Style Points : Impress judges and fans with creative and stylish trick sequences
  • Progressive Difficulty : Start with basic tricks and advance to complex aerial maneuvers

Engaging Visual Experience

Featuring colorful, cartoon-style graphics with smooth animations that bring your skateboarding tricks to life. The game's vibrant art style creates an exciting atmosphere perfect for competitive skateboarding action.

Free Browser Gaming

  • No Download Required : Play instantly in any modern web browser
  • Cross-Platform Compatible : Works seamlessly on desktop computers and mobile devices
  • Completely Free : Full game experience with no hidden costs or premium content

Gameplay Mechanics

Trick Performance

The core gameplay revolves around executing skateboard tricks with precise timing. Players must learn to combine different moves - jumps, grinds, and aerial stunts - to create impressive combo sequences that maximize their scores.

Scoring System

Your performance is judged on multiple factors including trick difficulty, execution timing, style, and combo length. Higher scores lead to better medal rankings and progression through events.

Event Variety

Each skateboarding event offers different challenges, from halfpipe competitions to street-style courses, ensuring varied gameplay experiences and replayability.

Controls and Operation

Simple Control Scheme

  • Jump/Trick Execution : Press Spacebar on desktop or Tap on mobile devices
  • Timing Control : Hold and release controls at the right moment for perfect trick execution
  • Combo Creation : Chain multiple trick inputs together for advanced combinations

The streamlined control system makes the game easy to learn but challenging to master, focusing on timing and rhythm rather than complex button combinations.

Why Play Skateboard Hero

Perfect for Sports Game Fans

If you enjoy Olympic sports games or skateboarding culture, Skateboard Hero delivers authentic skateboarding excitement with competitive elements that keep you engaged.

Accessible Yet Challenging

The game strikes an excellent balance between accessibility for newcomers and depth for experienced players who want to perfect their trick combinations and achieve gold medal performances.

Instant Entertainment

With no downloads required and cross-platform compatibility, you can start performing epic skateboard tricks within seconds of opening your browser.

Skill Development

The timing-based gameplay helps develop hand-eye coordination and rhythm skills while providing satisfying progression as you master increasingly complex trick sequences.

Frequently Asked Questions (FAQ)