Gravity Racer

Seele01-Flash
By
Gravity Racer is an intense HTML5 racing game where you pilot a chopper through challenging cave systems while fighting gravity. Master precise timing and acceleration to navigate increasingly difficult levels in this free browser-based racing adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Gravity Racer". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A 2.5D minimal futuristic aesthetic inspired by vector graphics but rendered with 3D geometry. * **Player**: A sleek, glowing white low-poly triangular paper-airplane or fighter jet shape. It must leave a fading white ribbon trail (using a mesh trail or particle system) to visualize movement trajectory. * **Environment**: An infinite, procedurally generated tunnel. The ceiling and floor are composed of jagged, sharp, low-poly geometric "teeth" or terrain blocks. * **Color Palette**: High contrast. Background is Deep Charcoal/Black (`#111111`). Obstacles/Terrain are Vivid Neon Green (`#00FF00` or similar). The Player is Pure White (`#FFFFFF`). * **Camera**: Use an **Orthographic Camera** positioned to the side (side-scroller view) to ensure precise gameplay similar to 2D vector games, but with 3D lighting effects on the geometry. * **Mobile Optimization**: * Use **Object Pooling** for the terrain blocks to prevent garbage collection spikes during infinite scrolling. * Limit real-time shadows; use baked ambient occlusion or simple directional lighting to maintain 60 FPS on mobile browsers. ### 2. Audio Requirements * **BGM**: High-energy, fast-paced Industrial Techno or Synthwave track. It should sound driving and intense to match the "racing" theme. * **Sound Effects (SFX)**: * **Thrust**: A continuous, low-frequency "hum" or "whoosh" that increases in pitch slightly when the user taps/holds to rise. * **Impact/Death**: A sharp, digital "crunch" or glass-shattering sound. * **Score**: A subtle, futuristic "blip" for every 100 meters traveled. * **UI**: Clean, mechanical clicks for menu buttons. ### 3. Gameplay Loop * **Core Mechanic**: "Flappy Bird" style physics with a racing twist. * **Gravity**: Constantly pulls the player down. * **Thrust**: Applying input adds vertical upward velocity. * **Speed**: The game scrolls horizontally at a constant speed that gradually accelerates the longer the player survives. * **Collision**: The game ends immediately if the player touches the green terrain (ceiling or floor). * **Death Sequence**: Upon collision, the white triangle ship should shatter into small polygon particles, and the camera should shake briefly. * **Scoring**: Score is based on distance traveled. High score must be saved locally (`localStorage`). ### 4. Mobile Controls & Interaction * **Input Scheme**: One-finger global interaction. * **Touch Start / Mouse Down**: Activate thrusters (Player rises). * **Touch End / Mouse Up**: Cut engines (Player falls due to gravity). * **Screen Orientation**: Landscape mode is preferred, but the camera zoom must adapt to ensure the tunnel height is playable in Portrait mode if necessary. * **Haptic Feedback**: Trigger `navigator.vibrate(200)` upon player death (collision). * **UI Design**: * **HUD**: Minimalist score display in the top center (large, white font). * **Start Screen**: A simple overlay saying "TAP TO FLY" that disappears on the first interaction. * **Game Over**: A "RETRY" button with a large hit area (at least 60x60px) centered on the screen for quick restarts. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Gravity Racer is a thrilling free racing game that challenges players to master the forces of physics while piloting a chopper through treacherous cave systems. This HTML5-powered game combines elements of racing, obstacle avoidance, and precise timing control to create an addictive gaming experience that's accessible directly through your web browser.

With a rating of 3.04/5, Gravity Racer has captivated players who enjoy skill-based challenges that test reflexes, timing, and strategic thinking. The game's unique gravity-based mechanics make every flight a test of precision and nerve.

Core Features

Physics-Based Racing Challenge

Gravity Racer isn't your typical racing game. Instead of racing on solid ground, you're battling gravity itself as you navigate a chopper through narrow cave passages. The game's physics engine creates realistic flight dynamics where every tap and release affects your trajectory.

Progressive Difficulty System

The game features multiple levels that become progressively more challenging. As you advance, caves become narrower, obstacles more frequent, and the margin for error smaller. Each level tests your growing skills while introducing new challenges.

Instant Play Technology

Built with HTML5 technology, Gravity Racer loads instantly in any modern web browser. No downloads, no installations, no waiting - just pure racing action whenever you want it.

Cross-Platform Compatibility

Whether you're on desktop, tablet, or smartphone, Gravity Racer adapts perfectly to your device. The intuitive control scheme works seamlessly with both mouse clicks and touch controls.

Gameplay Mechanics

Precision Flying Controls

Control your chopper using simple yet precise mechanics. Click or tap to make your aircraft rise, then release to let gravity pull it down. The challenge lies in finding the perfect rhythm and timing to maintain steady flight through obstacles.

Strategic Altitude Management

Success requires constant attention to your altitude and speed. Monitor your position carefully, avoid overheating your engines, and maintain the perfect balance between ascending and descending to navigate each cave system.

Obstacle Navigation

Each level presents unique obstacle patterns that require different strategies. Learn to read the cave layouts, anticipate tight passages, and develop the reflexes needed to react quickly to unexpected challenges.

Operation Guide

Mouse Controls (Desktop) : - Left mouse button: Make chopper rise - Release button: Let gravity pull chopper down - Mouse movement: Steer left and right

Touch Controls (Mobile) : - Tap screen: Make chopper ascend - Release touch: Allow descent - Drag finger: Control direction

Pro Tips for Success : - Practice smooth, controlled movements rather than rapid tapping - Watch your speed indicator to avoid going too fast - Keep an eye on the altimeter to maintain proper height - Don't let your engines overheat during extended climbs - Study each level's pattern before attempting full-speed runs

Why Play Gravity Racer

Perfect for Quick Gaming Sessions

Gravity Racer excels as both a quick time-killer and an engaging long-term challenge. Each attempt takes just minutes, making it perfect for short breaks, while the progressive difficulty ensures lasting appeal.

Skill Development and Mastery

The game rewards practice and skill development. As you improve, you'll notice better control, smoother navigation, and higher scores. It's satisfying to see tangible improvement in your piloting abilities.

Free and Accessible

Enjoy the complete Gravity Racer experience at no cost. The game includes all levels and features without any paywalls or premium content restrictions.

Competitive Challenge

Compare your performance with friends or challenge yourself to beat personal records. The scoring system encourages replay value as you strive for perfect runs through each cave system.

Whether you're a casual gamer looking for quick entertainment or a dedicated player seeking to master challenging gameplay mechanics, Gravity Racer delivers an engaging experience that combines skill, strategy, and physics-based fun in one compelling package.

Frequently Asked Questions (FAQ)