Free Rider 3 - Physics Bike Racing Game

Seele01-Flash
By
Free Rider 3 is an exciting physics-based bike racing game where you navigate challenging hand-drawn levels on a tilting bike. Collect stars, use power-ups, and even create your own custom levels in this engaging stick figure adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Free Rider 3 (Mobile Adaptation)". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: "Interactive Notebook / Doodle Aesthetic." The game should render 3D geometry but mimic a 2D hand-drawn look. Use an Orthographic Camera to maintain the flat, blueprint-like perspective. * **Background**: A textured off-white or grid-paper texture `PlaneGeometry` acting as the backdrop. * **Terrain**: The track should be generated as a continuous black line (using `THREE.Line` or thin `THREE.TubeGeometry` for better collision visibility). The geometry represents a physics collider. * **Character & Bike**: * **Bike**: Minimalist construction using blue cylinders for the frame and black toruses for wheels. It must act as a compound physics object (chassis + 2 wheels with suspension constraints). * **Rider**: A "Stickman" figure constructed from simple black capsules (Head, Torso, Arms, Legs). The rider should be attached to the bike but capable of "ragdolling" (detaching and flailing) upon high-impact collisions. * **Mobile Optimization**: Use simple colors and basic materials (`MeshBasicMaterial` or `MeshLambertMaterial`) to ensure 60FPS on mobile devices. Avoid complex dynamic shadows; use simple blob shadows under the bike. ### 2. Audio Requirements * **BGM**: An upbeat, lo-fi distinctive track that loops, reminiscent of early flash games (chiptune or light rock). * **Sound Effects (SFX)**: * **Engine**: A low hum that increases in pitch with speed. * **Interaction**: A "scratchy" pencil sound when restarting or selecting levels. * **Physics**: A distinct "thud" or "crunch" when the bike hits the ground hard. * **Collection**: A bright "ding" when collecting stars. * **Victory**: A short triumphant fanfare upon reaching the finish flag. ### 3. Gameplay Loop * **Core Mechanic**: Physics-based side-scrolling racing. The player must balance the bike (lean forward/backward) while managing acceleration to traverse complex terrain without crashing. * **Physics Engine**: Integrate a physics library (like **Cannon.js** or **Matter.js**) to handle vehicle suspension, gravity, friction, and collision detection. * **Objective**: Travel from point A to point B. * **Collectibles**: Place Gold Stars along the path (simple rotating yellow `IcosahedronGeometry`). * **Fail State**: If the rider's head hits the ground, the rider ragdolls, the game pauses, and a "Retry" button appears. * **Win State**: Touching the checkered flag at the end of the track triggers a "Level Complete" UI. ### 4. Mobile Controls & Interaction * **Control Scheme (Split Screen)**: * **Left Screen Area**: Touch & Hold to **Brake/Reverse**. * **Right Screen Area**: Touch & Hold to **Accelerate**. * **Tilt Control (Gyroscope or UI Buttons)**: * Option A (Preferred): Two large invisible touch zones in the center-left and center-right for **Lean Back** (Wheelie) and **Lean Forward** (Stoppie). * Option B: Device accelerometer tilt affects bike rotation (configurable). * **UI Layout**: * Top Left: Pause Button (min 44x44px). * Top Center: Timer. * Top Right: Restart Button (Quick reset is crucial for this genre). * **Feedback**: * **Camera**: Implement a "Smooth Follow" camera that keeps the bike centered but allows for slight lead in the direction of movement. * **Haptics**: Trigger a short vibration (`navigator.vibrate(50)`) when the rider crashes or collects a star. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Free Rider 3

Free Rider 3 is a captivating physics-based bike racing game that combines thrilling gameplay with creative level design. This free browser game puts you in control of a stick figure cyclist navigating through carefully crafted hand-drawn levels filled with obstacles, ramps, and challenges. With its unique physics engine and level creation tools, Free Rider 3 offers endless entertainment for players of all skill levels.

Core Features

Physics-Based Gameplay

Experience realistic bike physics as you navigate your tilting bicycle through various terrains. The advanced physics engine makes every jump, landing, and turn feel authentic and challenging.

Hand-Drawn Levels

Enjoy beautifully crafted hand-drawn levels that provide unique visual appeal and varied gameplay experiences. Each level presents different challenges and obstacles to overcome.

Star Collection System

Collect stars scattered throughout levels to unlock new content and achieve higher scores. Strategic planning and skillful riding are required to gather all stars in each level.

Power-Up System

Utilize various power-ups strategically placed throughout levels to enhance your performance and overcome difficult sections.

Level Creation Tools

Unleash your creativity with the built-in level editor. Design, build, and share your own custom bike racing tracks with unique obstacles and challenges.

Stick Figure Art Style

Enjoy the charming stick figure aesthetic that keeps the focus on gameplay while providing clean, easy-to-follow visuals.

Gameplay Mechanics

Bike Control

Master the art of bike control using intuitive tilting mechanics. Balance your rider while maintaining speed and momentum through challenging terrain.

Obstacle Navigation

Overcome various obstacles including ramps, gaps, spikes, and moving platforms that test your timing and skill.

Level Progression

Advance through multiple levels of increasing difficulty, each introducing new challenges and mechanics.

How to Play

Basic Controls

  • Use arrow keys or WASD to control your bike's movement and balance
  • Lean forward and backward to maintain balance during jumps and landings
  • Use acceleration and braking to control your speed through different sections
  • Follow in-game instructions for detailed control explanations

Gameplay Tips

  • Maintain momentum while carefully balancing your rider
  • Plan your approach to jumps and obstacles
  • Collect all stars in each level for maximum points
  • Experiment with different speeds for various obstacles
  • Practice makes perfect - don't be discouraged by challenging sections

Why Play Free Rider 3

Completely Free

Enjoy the full game experience without any cost. No downloads, installations, or hidden fees required.

Browser-Based Gaming

Play instantly in your web browser on any device. No software installation needed - just click and play.

Creative Freedom

The level creation system allows unlimited creativity, letting you build and share custom racing tracks with unique challenges.

Physics Realism

The realistic physics engine provides satisfying and challenging gameplay that rewards skill and practice.

All Ages Entertainment

Suitable for players of all ages with family-friendly content and intuitive gameplay mechanics.

Endless Replayability

With multiple levels, star collection challenges, and custom level creation, the game offers virtually unlimited replay value.

Frequently Asked Questions (FAQ)