Doodle Race - Draw Your Car Racing Game

Seele01-Flash
By
Doodle Race combines creativity with high-speed racing action. Design your dream car from scratch, customize it with unique colors and stickers, then put your creation to the test on wild racing tracks filled with jumps, obstacles, and collectible coins.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Doodle Race**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A "2.5D Paper-Craft" aesthetic. The world should look like a vibrant, living cartoon. Use `THREE.ToonShader` or Cel-Shading techniques to give 3D objects bold black outlines, mimicking the "doodle" style in the reference image. * **The Car (Procedural Generation):** The core asset is user-generated. The code must include a logic to take a set of 2D coordinates (from the user's drawing) and convert them into a `THREE.Shape`, which is then extruded into a 3D geometry (`THREE.ExtrudeGeometry`) to form the car chassis. Wheels should be pre-made 3D models (black tires, silver rims) that attach to the bounding box of the generated chassis. * **Environment:** A side-scrolling track with rolling hills, floating platforms, and loop-the-loops. * **Background:** A scrolling texture of blue sky with "speed lines" or a notebook paper texture to reinforce the doodle theme. * **Obstacles:** Low-poly wooden crates, spikes, and giant bouncy erasers. * **Performance:** Use instanced rendering for repetitive items (coins, trees in background) to maintain high FPS on mobile devices. ### 2. Audio Requirements * **BGM:** Fast-paced, energetic "ska-punk" or "kazoo-based" music that feels silly and frantic. * **Sound Effects (SFX):** * **Drawing Phase:** A realistic "pencil scratching on paper" sound that loops while the user touches the screen. * **Engine:** A cartoonish "putt-putt" sound that increases in pitch with speed. * **Jump:** A comedic "boing" or spring sound. * **Coins:** A satisfying high-pitched "ding" or pencil-check-mark sound. * **Crash:** A cardboard box crumbling sound. ### 3. Gameplay Loop * **Phase 1: The Workshop (UI Overlay):** The game starts with a 2D Canvas overlay on top of the 3D scene. The user uses their finger to draw a continuous line. Once the finger is lifted, the line connects to form a closed loop. The user drags "Wheel" icons onto the drawing to place axles. * **Phase 2: Instantiation:** On clicking "RACE", the drawing is extruded into a 3D physical object using a physics engine (like Cannon.js or Ammo.js). The wheels are attached via hinge constraints. * **Phase 3: The Race:** The player drives their creation on a linear track from left to right. * **Goal:** Reach the checkered flag at the end of the level. * **Challenge:** The terrain is rough. If the car flips over and the "driver" (a simple sphere/capsule mesh with a helmet) touches the ground, the level resets (Game Over). * **Collection:** Collect floating gold coins to increase score. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Forced **Landscape** mode for the best view of the track ahead. * **Drawing Phase Controls:** * **Canvas:** Full-screen touch area. * **Gesture:** Single finger trace to draw chassis. Drag-and-drop to place wheels. * **UI:** A large "GO!" button (green, bottom right). * **Racing Phase Controls (Virtual Buttons):** * **Left Thumb:** Two buttons for balance/tilt. "Tilt Back" and "Tilt Forward" (crucial for air control). * **Right Thumb:** Two large buttons. "Gas" (Accelerator) and "Brake/Reverse". * **Jump:** A dedicated "Jump" button positioned above the Gas button (applies an upward impulse force to the chassis). * **Feedback:** * Trigger `navigator.vibrate(50)` on coin collection. * Trigger `navigator.vibrate(200)` on crash/impact. * Visual feedback: The buttons should scale down slightly when pressed to mimic tactile response. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Doodle Race

Doodle Race is an innovative racing game that puts creativity at the forefront of competition. Unlike traditional racing games where you're stuck with pre-made vehicles, Doodle Race lets you become both designer and driver. This unique combination of drawing mechanics and racing action creates an engaging experience that appeals to creative minds and speed enthusiasts alike.

The game features a distinctive doodle-style art design with bold outlines and vibrant colors, creating a playful atmosphere that encourages experimentation and fun.

Core Features

Complete Car Customization

The heart of Doodle Race lies in its comprehensive car creation system:

  • Freehand Drawing : Use your mouse to sketch any car design imaginable
  • Wheel Design : Create custom wheels that match your vehicle's style
  • Color Palette : Apply vibrant colors to make your car stand out
  • Sticker System : Add decorative elements and personal touches
  • Unlimited Creativity : No restrictions on design - let your imagination run wild

Dynamic Racing Experience

Once your masterpiece is complete, take it for a spin on challenging tracks:

  • Wild Worlds : Race through diverse environments with unique themes
  • Jump Challenges : Navigate spectacular jumps and aerial sections
  • Obstacle Courses : Dodge barriers, ramps, and environmental hazards
  • Coin Collection : Gather coins scattered throughout each track
  • Competitive Racing : Challenge other players' custom creations

Cross-Platform Compatibility

Doodle Race is designed for maximum accessibility:

  • Browser-Based : No downloads required - play instantly online
  • Mobile Optimized : Touch-friendly controls for smartphones and tablets
  • Desktop Ready : Full mouse and keyboard support for PC gaming
  • Free to Play : Complete game experience at no cost

Game Mechanics

The gameplay seamlessly blends creative design with racing action. Before each race, you'll spend time in the design studio crafting your vehicle. The drawing tools are intuitive and responsive, allowing both simple sketches and detailed masterpieces. Your car's visual design doesn't just affect appearance - it can influence your racing performance and handling characteristics.

During races, you'll navigate through carefully designed levels that test both your driving skills and your car's capabilities. The physics engine responds to your custom vehicle design, making each race feel unique based on your creation.

Operation Guide

Mastering Doodle Race requires understanding both creation and racing controls:

Drawing Phase

  • Mouse Movement : Drag to draw car body and wheels
  • Color Selection : Click palette options to change drawing colors
  • Sticker Placement : Click and drag decorative elements
  • Undo/Redo : Correct mistakes during design process

Racing Controls

  • W Key or Up Arrow : Jump over obstacles and gaps
  • A/D Keys or Left/Right Arrows : Move left and right on track
  • Mouse : Navigate menus and select options
  • Responsive Design : Touch controls automatically enabled on mobile devices

The control scheme is designed for accessibility, ensuring players of all skill levels can enjoy both the creative and competitive aspects of the game.

Why Play Doodle Race

Doodle Race offers a unique gaming experience that stands apart from conventional racing games:

Creative Expression : Unlike any other racing game, your artistic vision directly impacts your gaming experience. Every race becomes personal because you're driving your own creation.

Skill Development : The game enhances both creative thinking and hand-eye coordination. The drawing mechanics improve artistic skills while racing sections develop reflexes and timing.

Endless Replayability : With unlimited design possibilities, you can create new vehicles for every race. Each design offers different visual appeal and potentially different performance characteristics.

Family-Friendly Fun : The colorful, doodle-style graphics and creative gameplay make this perfect for players of all ages. Parents and children can enjoy creating and racing together.

No Commitment Gaming : As a free browser game, you can jump in anytime without downloads, subscriptions, or lengthy tutorials. Perfect for quick creative sessions or extended racing competitions.

Community Aspect : Race against other players' custom creations, creating an ever-changing competitive landscape where creativity meets speed.

Whether you're an artist looking for a fun outlet, a racing fan seeking something fresh, or someone who simply enjoys creative games, Doodle Race delivers an experience that's both relaxing and exciting.

Frequently Asked Questions (FAQ)