Draw Crash Race

Seele01-Flash
By
Draw Crash Race combines creative car design with thrilling racing action. Design your own vehicles using drawing tools, then race them through challenging obstacle courses in this unique 3D arcade experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Draw Crash Race". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual aesthetic with high saturation and bright lighting. Use "Low-poly" models with flat shading or Toon Shaders to ensure high FPS on mobile devices. * **The Car (Procedural)**: The car is not a static model but a dynamic object constructed from the user's drawing. * Represent drawn lines as orange 3D cylinders (tubes) connecting joint points. * The Pilot should be a simple yellow "crash dummy" ragdoll (composed of capsules and spheres) seated in a fixed cockpit block. * Wheels are simple grey cylinders with white spoke textures. * **The Track**: A linear asphalt road with red and white alternating curbs (race striping). * **Obstacles**: Spiked rollers (silver/metallic), concrete barrier walls, and giant swinging hammers. * **Performance Optimization**: * Use `InstancedMesh` for repetitive track elements (curbs, background trees). * Limit dynamic lights to one DirectionalLight (with shadow map) and one AmbientLight. * Texture resolution should be capped at 512x512 or 1024x1024 for mobile memory management. ### 2. Audio Requirements * **BGM**: An upbeat, energetic, looped "Synth-pop" or "Casual Funk" track that encourages speed. * **SFX**: * **Drawing**: A "scribbling" or "marker squeak" sound when the user inputs lines. * **Engine**: A continuous hum that increases in pitch when using boosters. * **Crash/Break**: A satisfying "crunch" or "snap" sound when parts of the car break off (wood snapping or plastic breaking sounds). * **Booster**: A "whoosh" or jet sound effect. * **UI**: Soft "pop" sounds for button clicks. ### 3. Gameplay Loop The game consists of two distinct phases: * **Phase 1: The Workshop (Drawing Mode)** * **Input**: A 2D grid overlay appears. Two wheel hubs and the cockpit are fixed points. The player draws lines connecting these points. * **Constraints**: "Ink" is limited (displayed as a progress bar). * **Generation**: On clicking "Start", the 2D lines are converted into 3D physical bodies (cylinders) connected by rigid constraints to form the chassis. * **Phase 2: The Race (Runner Mode)** * **Movement**: The car accelerates forward automatically. * **Physics**: Use a physics engine (like Cannon.js or Ammo.js). The car is fragile; if a specific cylinder hits an obstacle, the joint breaks, and that part falls off. * **Win Condition**: The cockpit (pilot) must cross the finish line intact. * **Lose Condition**: The cockpit touches the ground, or the pilot is ejected/destroyed by a trap. * **Progression**: Collect coins on the track to buy upgrades (Ink Capacity, Durability, Speed) in the main menu. ### 4. Mobile Controls & Interaction * **Orientation**: **Landscape Mode** (to allow sufficient width for the drawing canvas). * **Phase 1 Controls (Drawing)**: * Single-finger touch and drag to draw lines. * "Undo" and "Clear" buttons (min 44x44px touch area) in the corner. * **Phase 2 Controls (Racing)**: * **Virtual Joystick/Slider**: An invisible horizontal slider on the bottom half of the screen to steer the car Left and Right. * **Responsiveness**: Steering must be 1:1 with finger movement for precise dodging. * **Haptic Feedback**: Trigger a short vibration (using `navigator.vibrate`) whenever a piece of the car breaks off or hits an obstacle. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Draw Crash Race is an innovative 3D arcade racing game that puts your creativity and driving skills to the test. Unlike traditional racing games, you start by designing your own vehicle from scratch using intuitive drawing tools. Connect wheels to the driver's seat, add aerodynamic features, and create a car that can withstand the brutal obstacle courses ahead.

This casual art game combines the satisfaction of creative design with high-speed racing thrills. Your hand-drawn creations come to life in stunning 3D environments where every line you draw affects your car's performance and durability.

Core Features

Creative Car Design System

The game's standout feature is its freeform drawing mechanic. Using simple mouse controls, you can sketch any car design imaginable. There's no single "correct" way to build your vehicle - experimentation is key to finding the perfect balance between speed, stability, and durability.

Dynamic Racing Challenges

Race through obstacle-filled tracks where every turn presents new dangers. Spiked traps, crushing mechanisms, and various deadly contraptions await to test your vehicle's structural integrity. Green speed boosters scattered throughout the tracks provide crucial acceleration to help you reach the finish line first.

Progressive Upgrade System

Earn gold from successful races to enhance three core attributes: - Durability : Strengthen your car's frame to survive harsh impacts - Ink Supply : Increase drawing capacity for more complex vehicle designs - Speed : Boost overall racing performance and acceleration

Each upgrade is visually indicated by badges, helping you track your progression and plan your next improvement.

Cross-Platform Accessibility

Enjoy seamless gameplay across desktop browsers and mobile devices. The game's responsive design ensures optimal performance whether you're playing on a computer or smartphone.

Game Mechanics

The Drawing Phase

Before each race, you enter the design studio where creativity meets engineering. Your goal is to create a vehicle that can survive the upcoming challenges while maintaining competitive speed. Key considerations include:

  • Structural Integrity : Simple designs often prove more durable than complex ones
  • Weight Distribution : Balanced vehicles handle obstacles more effectively
  • Aerodynamics : Streamlined shapes can provide speed advantages
  • Connection Points : Properly connecting wheels to the frame is crucial for stability

Racing Dynamics

Once your design is complete, the real test begins. Navigate through 3D environments filled with: - Obstacle Courses : Carefully designed challenges that test different aspects of your vehicle - Competitive AI : Race against computer-controlled opponents with their own unique designs - Environmental Hazards : From spike traps to moving platforms, each track offers unique dangers - Power-ups : Strategic use of speed boosters can make the difference between victory and defeat

Operation Guide

Drawing Controls

  • Left Mouse Button : Draw car components and interact with the user interface
  • Mouse Movement : Sketch your vehicle design in the creation area

Racing Controls

  • W Key or Up Arrow : Accelerate forward
  • A/D Keys or Left/Right Arrows : Steer left and right
  • Mouse : Navigate menus and upgrade screens

Strategic Tips

  • Start with simple designs to understand the physics system
  • Focus on connecting wheels properly to the main frame
  • Upgrade durability first to prevent frequent crashes
  • Experiment with different shapes to find optimal designs
  • Use earned gold strategically to balance all three upgrade categories

Why Play Draw Crash Race

Unique Creative Freedom

Few games offer the combination of artistic expression and competitive racing found in Draw Crash Race. Every player creates genuinely unique vehicles, making each race a showcase of different design philosophies and creative approaches.

Perfect Casual Gaming Experience

The game strikes an ideal balance between accessibility and depth. While anyone can start drawing and racing immediately, mastering the art of creating durable, fast vehicles provides long-term engagement and satisfaction.

Free and Accessible

Enjoy the complete gaming experience without any payment barriers. The game runs smoothly in web browsers without requiring downloads or installations, making it perfect for quick gaming sessions or extended play.

Educational Value

Players naturally learn basic engineering principles through experimentation. Understanding weight distribution, structural integrity, and aerodynamics becomes intuitive as you test different designs against various challenges.

Community and Competition

Compete against other players' creative designs, inspiring you to improve your own building skills and racing techniques. The combination of creativity and competition creates a uniquely engaging multiplayer experience.

Frequently Asked Questions (FAQ)