Stunt Bike Draw

Seele01-Flash
By
Stunt Bike Draw combines creativity with thrilling motorcycle stunts. Draw custom ramps and paths to help your biker perform death-defying jumps and avoid hilarious crashes in this unique physics-based game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Stunt Bike Draw". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: "2.5D Side-Scroller". Use 3D models but lock the camera to a side view. The aesthetic should be colorful and slightly cartoonish (Low-poly styling), reminiscent of the Flash era but with modern lighting. * **Key Models**: * **Bike & Rider**: A low-poly dirt bike (yellow/blue scheme) with a rider. The rider must be a separate mesh or have distinct joints to enable "ragdoll" physics upon crashing. * **Obstacles**: Large, blocky, low-poly Cows standing as barriers. * **The Line**: The path drawn by the player should render as a solid, textured 3D mesh (like a ramp) with a sketch-style texture. * **Environment**: A simple parallax background (sky, distant hills, fence) to provide depth without consuming performance. The foreground is a 2D plane where the physics interaction happens. * **Performance**: Use `InstancedMesh` for repetitive environmental objects (grass tufts). Limit dynamic lights to one directional light (sun) and one ambient light. Use texture atlasing to reduce draw calls. ### 2. Audio Requirements * **BGM**: High-energy, looping Punk-Rock or Ska track to induce adrenaline. * **Sound Effects (SFX)**: * **UI**: A "scribble" or "pencil scratch" sound that loops while the player is touching/drawing on the screen. * **Physics**: Realistic engine revving (pitch based on speed), tire screech on landing, and a comedic "Moo" sound combined with a "thud" when the rider crashes into a cow. * **Feedback**: A distinct "Success" chime when clearing the jump. ### 3. Gameplay Loop * **State 1: Planning (Drawing)**: The game starts frozen. The player draws a line on the screen with their finger. This line is converted into a physical static body (ramp/bridge) in the 3D world. The goal is to draw a ramp over the cows. * **State 2: Action (Riding)**: Player presses a "RIDE" button. Physics activates. The bike spawns and gravity applies. The player controls acceleration/balance to drive over the drawn line. * **State 3: Result**: * **Win**: The bike lands safely on the finish platform past the cows. * **Fail**: The bike hits a cow, falls into a pit, or the rider's head hits the ground (trigger ragdoll state). * **Physics**: Integrate a physics engine (like Cannon.js or Ammo.js). The drawn line must have high friction. The bike requires suspension logic. ### 4. Mobile Controls & Interaction * **Orientation**: Locked to **Landscape** mode for optimal side-scrolling view. * **Phase 1 Controls (Drawing)**: * **Touch & Drag**: Map 2D screen coordinates to 3D world coordinates (Raycasting). * **Optimization**: Implement path smoothing so the drawn ramp isn't too jagged for the physics engine. * **Phase 2 Controls (Riding)**: * **Virtual Pedals**: Large, semi-transparent buttons on the bottom right (Gas) and bottom left (Brake/Reverse). * **Tilt Control (Optional)**: Option to lean the bike forward/backward using on-screen buttons to perform flips or stabilize. * **UI/UX**: * A large, green "GO!" button visible during the drawing phase. * A "Reset/Trash" button to clear the drawn lines. * **Haptic Feedback**: Trigger device vibration (via Vibration API) when the bike crashes or lands a hard jump. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Stunt Bike Draw is an innovative motorcycle stunt game that puts creativity in your hands. Unlike traditional racing games, you become the architect of your own stunts by drawing custom ramps, paths, and obstacles. With a rating of 3.0/5 and engaging physics-based gameplay, this free browser game challenges you to think strategically while enjoying spectacular motorcycle action.

The game's unique premise combines artistic creativity with precision timing - draw the perfect path for your fearless biker to achieve maximum air time and avoid catastrophic crashes into various obstacles, including the game's signature challenge: jumping over big cows.

Core Features

Creative Path Drawing System

The game's standout feature is its intuitive drawing mechanism. Using your mouse or touch controls, sketch ramps, curves, and landing zones directly onto the game screen. Your drawings instantly become part of the physics environment, allowing for unlimited creative possibilities in stunt design.

Realistic Physics Engine

Every line you draw affects your motorcycle's trajectory and speed. The advanced physics system calculates momentum, gravity, and collision detection to create authentic motorcycle behavior. Watch as your biker responds realistically to steep ramps, sharp curves, and obstacle impacts.

Hilarious Crash Scenarios

When stunts go wrong, they go spectacularly wrong! The game features entertaining crash animations and sound effects that turn failures into laughs. Each crash teaches valuable lessons about physics and trajectory planning.

Progressive Difficulty

Start with simple jumps and gradually work up to complex multi-obstacle courses. The game encourages experimentation and improvement through trial and error, making each successful stunt feel like a genuine achievement.

Gameplay Mechanics

Your objective is to guide your motorcycle rider safely from start to finish while achieving maximum air time and style points. The challenge lies in drawing paths that provide enough speed for big jumps while ensuring safe landings.

Strategic Elements

  • Ramp Angle : Steeper ramps provide more height but require precise landing zones
  • Speed Management : Balance acceleration with control for optimal performance
  • Obstacle Navigation : Plan routes around or over various barriers and hazards
  • Landing Zones : Create safe touchdown areas to avoid crashes

Operation Guide

The game uses simple, intuitive controls that make it accessible to players of all ages:

  • Mouse Drawing : Click and drag to draw ramps and paths on the screen
  • Touch Support : On mobile devices, use finger gestures to sketch your route
  • Play Button : Start your motorcycle once you've completed your path design
  • Reset Function : Clear your drawing to try a different approach
  • Zoom Controls : Adjust view for precise drawing on detailed sections

Getting Started

  1. Observe the starting position of your motorcycle and the target destination
  2. Identify obstacles and hazards in your path
  3. Draw a continuous line from start to finish, creating ramps where needed
  4. Test your design by clicking play
  5. Analyze crashes and adjust your path design accordingly

Why Play Stunt Bike Draw

This game offers a unique blend of creativity, physics, and motorcycle action that stands out in the crowded racing game market. It's perfect for players who enjoy:

  • Creative Problem Solving : Every level is a puzzle waiting for your unique solution
  • Physics Learning : Understand momentum, gravity, and trajectory through play
  • Endless Replayability : Each attempt can use a completely different approach
  • Stress-Free Gaming : No time pressure - take your time to perfect each stunt
  • Family-Friendly Fun : Suitable for teens and adults with cartoon-style graphics

The game runs smoothly in any modern web browser without requiring downloads, making it perfect for quick gaming sessions during breaks or extended creative play sessions.

Frequently Asked Questions (FAQ)