Grand Prix Hero

Seele01-Flash
By
Grand Prix Hero delivers authentic Formula 1 racing excitement with 4 challenging races around the world. Collect coins, upgrade your car, and compete for racing glory in this free online motorsports game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Grand Prix Hero". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Modern Arcade 3D (Low Poly). Use vibrant, saturated colors to distinguish game elements on small screens. The aesthetic should mimic Formula 1 racing but with a stylized, cartoonish approach. * **Player Model**: A sleek, low-poly Formula 1 style race car (Red body, black tires, white accents). The car should tilt slightly when turning to simulate suspension. * **Track Design**: An endless or loopable asphalt road with red-and-white curb strips. The track should feature gentle curves and straightaways. * **Environment**: Simple low-poly trees, grandstands, or billboards on the sides to convey speed (Parallax effect). * **Interactables**: * **Coins**: Gold, rotating floating coins. * **Boost Pads**: Bright yellow/neon chevron arrows on the ground. * **Traffic**: Other low-poly race cars (Blue, Green, Yellow) moving at slower speeds that act as obstacles. * **Optimization**: Use `InstancedMesh` for repeated objects (coins, trees, crowds) to ensure 60FPS on mobile devices. Use simple geometric shapes (BoxGeometry, CylinderGeometry) for cars rather than loading heavy external models. ### 2. Audio Requirements * **BGM**: High-energy, fast-paced Arcade Rock or Electro-Synth track. It should loop seamlessly to maintain adrenaline. * **Sound Effects (SFX)**: * **Engine**: A constant drone that pitches up when boosting. * **Coin Pickup**: A high-pitched, satisfying "Ding" or "Chime". * **Boost**: A "Whoosh" or jet engine sound effect. * **Crash/Bump**: A dull mechanical thud when hitting traffic (accompanied by screen shake). * **UI**: Crisp clicks for menu selection. ### 3. Gameplay Loop * **Core Mechanics**: The car automatically accelerates. The player's goal is to steer left and right to avoid slower traffic and collect coins. * **Boost System**: Driving over Yellow Boost Pads gives a temporary speed increase and a visual "motion blur" or particle trail effect. * **Collision**: Hitting a traffic car slows the player down significantly and plays a "smoke" particle effect. It does not destroy the car, but ruins the lap time. * **Meta-Game**: * **Currency**: Coins collected during the race are banked. * **Upgrades**: Between races, a simple UI shop allows players to spend coins to upgrade 3 stats: **Top Speed**, **Acceleration**, and **Grip** (Steering responsiveness). * **Progression**: The game consists of a series of races (e.g., 4 tracks). The goal is to finish 1st to unlock the next track. ### 4. Mobile Controls & Interaction * **Control Scheme**: **Two-Zone Touch Steering**. * Touch & Hold **Left Screen Half**: Steer Left. * Touch & Hold **Right Screen Half**: Steer Right. * Release: Car re-centers automatically (or straightens out). * **Orientation**: Landscape Mode (locked). * **UI Layout**: * HUD: Top-left for "Position" (e.g., 1/10), Top-right for "Coins" and "Current Speed". * Menu Buttons: Large, rounded rectangular buttons (min-height 50px) for "Race", "Upgrade", and "Next Level". * **Feedback**: * **Visual**: The camera should lag slightly behind the car (Lerp) to create a dynamic sense of weight. Camera shake on collision. * **Haptic**: Trigger `navigator.vibrate(200)` on collision with traffic. Trigger `navigator.vibrate(50)` when collecting a coin. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Grand Prix Hero

Grand Prix Hero is an exciting Formula 1 racing game that brings the thrill of professional motorsports to your browser. With a solid 3.6/5 rating from racing enthusiasts, this game offers an authentic Grand Prix experience featuring 4 challenging races across different world locations. Race against time, dodge traffic, and prove your skills as a Formula 1 champion.

Core Features

World Championship Racing

Compete in 4 unique races set in different locations around the globe. Each track presents distinct challenges, from tight city circuits to high-speed countryside tracks, testing your racing skills and adaptability.

Complete Car Customization

Collect coins during races to upgrade your Formula 1 car . Enhance engine power, improve handling, boost acceleration, and customize your vehicle's performance to match your racing style.

Traffic Dodging Challenge

Navigate through dynamic traffic patterns that add realism and excitement to every race. Master the art of overtaking while maintaining maximum speed to achieve the best lap times.

Cross-Platform Gaming

Built with HTML5 technology , Grand Prix Hero runs smoothly on desktop computers, tablets, and mobile phones. No downloads required - just open your browser and start racing!

Game Mechanics

Racing Objectives

Your mission is to complete each Grand Prix race while collecting as many coins as possible. Use strategic overtaking, perfect timing, and skillful maneuvering to outrace opponents and avoid collisions.

Coin Collection System

Coins scattered throughout each track serve as your currency for vehicle upgrades. The more coins you collect, the more powerful upgrades you can purchase for future races.

Progressive Difficulty

Each of the 4 races increases in difficulty, requiring better car performance and improved driving skills to succeed.

Controls Guide

Arrow Keys : Complete vehicle control - Up Arrow : Accelerate forward - Down Arrow : Brake or reverse - Left/Right Arrows : Steer your Formula 1 car

The intuitive control scheme makes it easy for both beginners and experienced racing game players to jump in and start competing immediately.

Why Play Grand Prix Hero

Authentic Formula 1 Experience

Feel the excitement of professional motorsports with realistic car physics, competitive AI opponents, and challenging track designs that mirror real Formula 1 racing.

Perfect for Quick Gaming Sessions

Whether you have 5 minutes or an hour, Grand Prix Hero offers engaging gameplay that fits any schedule. Complete individual races or work through the entire championship.

Free and Accessible

Enjoy premium racing entertainment without any cost. No registration, no downloads, no hidden fees - just pure racing fun accessible from any device with a web browser.

Skill Development

Improve your reflexes, strategic thinking, and hand-eye coordination while having fun. The game rewards both speed and smart decision-making.

Grand Prix Hero combines the excitement of professional Formula 1 racing with accessible gameplay mechanics, making it perfect for racing fans of all skill levels who want to experience the thrill of motorsports competition.

Frequently Asked Questions (FAQ)