Car Drawing Game - Creative Physics Drawing Puzzle

Seele01-Flash
By
Car Drawing Game is an innovative physics-based puzzle where you draw creative cars with just one line to navigate through challenging obstacles and reach the finish line across 50 unique levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Car Drawing - Physics Puzzle**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Aesthetic using an **Orthographic Camera** to simulate a flat, vector-art look similar to the reference. * **Color Palette:** High contrast and saturated. Background: Solid Cyan (`#2CB4FF`). Ground/Obstacles: Bright Green (`#32CD32`) with simple geometric shapes. * **The Car (Dynamic Asset):** The car body is not a pre-made model but a **dynamically generated mesh** based on the user's drawn line (e.g., using `THREE.TubeGeometry` or `THREE.ExtrudeGeometry` along a path). It should be black (`#000000`) and thick. * **Wheels:** Two white cylinders with black hubcaps. These are instantiated prefabs that automatically attach to the **start point** and **end point** of the user's drawn line. * **Collectibles:** Floating "Shiny Balls" (yellow/gold spheres with an emissive material) that act as speed boosts. * **Mobile Optimization:** Use `MeshBasicMaterial` or `MeshToonMaterial` for performance. No heavy dynamic shadows; use baked ambient occlusion or simple blobs for shadows beneath the car. ### 2. Audio Requirements * **BGM:** A lighthearted, acoustic "pizzicato" string track or playful ukulele tune. It should be looping and non-intrusive. * **SFX - Drawing:** A scratching pencil/scribble sound that plays continuously while the user is touching and dragging. * **SFX - Spawn:** A comedic "Pop" sound when the user lifts their finger and the wheels appear. * **SFX - Physics:** Cartoonish "boing" or thud sounds when the car hits the ground or crashes. * **SFX - Win:** A short trumpet fanfare or cheering sound upon reaching the finish line. ### 3. Gameplay Loop * **Phase 1: Drawing (Paused State):** The level loads with obstacles and a finish line. The physics simulation is paused. The player draws a continuous line on the screen. * **Constraint:** There is an "Ink Limit" (max length of the line). * **Phase 2: Simulation (Active State):** When the player releases their finger: 1. The line solidifies into a physics body. 2. Wheels attach to the start and end of the line. 3. Gravity turns on, and the car moves forward automatically (torque applied to wheels). * **Win Condition:** The car traverses the terrain and touches the "Finish Line" trigger. * **Fail Condition:** The car gets stuck, flips over and cannot recover, or falls into a pit. * **Scoring:** Gold medal for winning on the 1st attempt. Silver/Bronze for subsequent attempts. ### 4. Mobile Controls & Interaction * **Touch Input (Raycasting):** * `touchstart`: Begins the drawing trace. Map screen coordinates (2D) to World coordinates (3D XY plane). * `touchmove`: Updates the line geometry in real-time. Smooth the input points to avoid jagged lines. * `touchend`: Finalizes the shape and triggers the simulation. * **Orientation:** Force **Landscape Mode** for better visibility of the track ahead. * **UI Overlay:** * **Hint Button:** Top center (44x44px min touch area). * **Retry Button:** Large, accessible button in the corner to quickly restart the drawing phase if the car flips. * **Ink Bar:** A visual progress bar showing how much "ink" is left while drawing. * **Feedback:** Provide **Haptic Feedback** (vibration) when the car crashes hard or collects a speed boost. ### 5. Physics Engine Integration * Use a physics library compatible with Three.js (e.g., **Cannon-es** or **Matter.js** wrapped for Three.js). * **Constraint:** Movement must be locked to the XY plane (Z-axis movement disabled) to prevent the car from falling "out" of the screen. * **Joints:** Use `HingeConstraint` (or equivalent) to connect the wheel bodies to the car body line, allowing them to spin freely with motor power. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Car Drawing Game

Car Drawing Game is a unique physics-based puzzle that combines creativity with strategic thinking. In this engaging casual game, your mission is simple yet challenging: draw a car using only one continuous line and successfully navigate it to the finish line. With its intuitive mechanics and creative freedom, this game offers endless possibilities for artistic expression while testing your problem-solving skills.

The game features a distinctive art style with clean, minimalist graphics that focus attention on your creative drawings. The physics engine responds realistically to your designs, making each drawn car behave according to real-world physics principles. This creates an authentic and satisfying gameplay experience where creativity meets science.

Core Features

Unlimited Creative Freedom

The beauty of Car Drawing Game lies in its creative flexibility. You can draw any shape within your ink limit, from traditional car designs to completely abstract vehicles. Whether you prefer practical, aerodynamic designs or quirky, unconventional shapes, the game encourages experimentation and artistic expression.

Physics-Based Gameplay

Every line you draw becomes a functional part of your vehicle, subject to realistic physics. The wheels automatically appear at the start and end of your line, creating a unique driving experience based on your design choices. This physics integration makes each creation feel alive and responsive.

Strategic Scoring System

The game rewards efficiency and planning with its medal system. Reach the finish line on your first attempt to earn a gold medal! Multiple attempts result in lower awards, encouraging careful consideration of each design before drawing. This scoring mechanism adds competitive elements and replay value.

Progressive Challenge System

With 50 levels available from the start, the game offers varying difficulty levels. From beginner-friendly introductory stages to extremely challenging levels in the "Never play this" chapter, there's content suitable for all skill levels.

Gameplay Mechanics

One-Line Drawing System

The core mechanic revolves around creating vehicles with a single continuous line. This limitation sparks creativity while maintaining simplicity. Players must consider weight distribution, wheel placement, and obstacle navigation when planning their designs.

Speed Boost Elements

Collecting shiny balls scattered throughout levels provides speed boosts, adding strategic elements to your route planning. These power-ups can make the difference between success and failure in challenging levels.

Hint System

When faced with particularly difficult obstacles, the built-in hint system provides guidance without giving away complete solutions. This feature ensures players can progress while maintaining the satisfaction of discovery.

Operation Guide

Basic Controls

  • Mouse Drag : Click and drag with the left mouse button to draw your car design
  • Strategic Planning : Take time to analyze obstacles before drawing
  • Hint Access : Use the hint button at the top of the screen when needed

Winning Strategies

  1. Analyze First : Study each level's obstacles before drawing
  2. Balance Design : Consider both creativity and functionality
  3. Wheel Placement : Remember wheels appear at line endpoints
  4. Collect Boosts : Aim for shiny balls to gain speed advantages
  5. Practice Patience : Fewer attempts mean better medals

Why Play Car Drawing Game

This game perfectly balances entertainment with mental stimulation. It's ideal for players who enjoy:

  • Creative Expression : Unlimited artistic freedom in vehicle design
  • Puzzle Solving : Strategic thinking and problem-solving challenges
  • Physics Learning : Understanding basic physics principles through play
  • Casual Gaming : Easy-to-learn mechanics with depth for dedicated players
  • Cross-Platform Fun : Seamless experience on both desktop and mobile browsers

The game's browser-based nature means instant access without downloads or installations. Whether you have five minutes or an hour, Car Drawing Game provides engaging entertainment that exercises both creativity and logical thinking skills.

Frequently Asked Questions (FAQ)