Car Drawing Game - Creative Physics Puzzle

Seele01-Flash
By
Car Drawing Game is an innovative physics puzzle where creativity meets challenge. Draw your own car with just one line and navigate through obstacles to 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 Game". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2D Flat Art style rendered in a 3D space (Orthographic Camera). Use a vibrant, high-saturation color palette: Bright Cyan (`#00BFFF`) for the sky background and Lime Green (`#32CD32`) for the terrain/ground. * **The "Car"**: * The body is a dynamic black line (TubeGeometry or LineLoop) generated from user input. * The wheels are simple white cylinders with black rims/spokes, attached automatically to the **start** and **end** points of the drawn line. * **Environment**: * Physics-based terrain including ramps, gaps, bridges, and steep hills. * A "Finish Line" marker (checkered flag texture or particle zone). * Floating "Shiny Balls" (yellow glowing spheres) that act as collectibles for speed boosts. * **Mobile Optimization**: * Use `Three.js` primitive geometries (Box, Cylinder) to keep polygon count low. * Avoid complex shadows; use baked lighting or simple ambient light + directional light. * Implement an "Ink Bar" UI at the top to limit the length of the line the player can draw. ### 2. Audio Requirements * **BGM**: A lighthearted, looping acoustic track (ukulele/whistling style) typical of hyper-casual games. * **SFX**: * **Drawing**: A scratching/scribbling sound that loops while the user is dragging their finger. * **Car Creation**: A "Pop" or pneumatic sound when the physics body solidifies and wheels attach. * **Motor**: A cartoonish engine hum that increases pitch with speed. * **Win**: A triumphant brass or chime sound. * **UI**: Soft clicks for buttons. ### 3. Gameplay Loop * **Phase 1: Drawing (Edit Mode)**: * The game starts paused. The camera focuses on the starting platform. * The player draws a continuous line on the screen. * **Constraint**: The line has a maximum length (Ink Limit). * **Logic**: As the player draws, render the line visually. Do not apply physics yet. * **Phase 2: Simulation (Action Mode)**: * Upon releasing the finger (or clicking a "Go" button), the drawn line becomes a RigidBody (using a physics engine like Cannon.js or Ammo.js, constrained to 2D movement on the XY plane). * Two motorized wheels are instantly attached to the two endpoints of the line via Hinge Constraints. * Gravity is enabled. The car drops and moves forward automatically. * **Win/Fail Conditions**: * **Win**: The car center of mass crosses the Finish Line trigger. Display a "Gold Medal" if completed on the first try. * **Fail**: The car gets stuck, flips over and cannot move for 3 seconds, or falls off the map. * **Restart**: Provide a quick "Retry" button to clear the canvas and reset the level. ### 4. Mobile Controls & Interaction * **Touch Input**: * Implement `touchstart`, `touchmove`, and `touchend` event listeners mapped to the raycaster. * **Drawing**: The user drags a finger across the screen to define the shape of the car. The line should appear slightly above the finger position to ensure visibility (offset). * **Orientation**: Landscape mode is preferred for side-scrolling physics. * **UI Layout**: * Top Center: "Ink Limit" progress bar. * Top Right: "Hint" button and "Restart" button (minimum touch target 44x44px). * Overlay: "Level Completed" modal with star rating. * **Feedback**: * **Haptic**: Trigger a light vibration (`navigator.vibrate`) when the car collects a coin/boost or hits the ground hard. * **Visual**: A trail renderer behind the wheels when moving fast. 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 captivating casual physics puzzle that combines creativity with strategic thinking. This unique game challenges you to draw a complete car using only one continuous line, then watch your creation come to life as it attempts to overcome various obstacles and reach the finish line. With its simple yet engaging concept, the game has become a favorite among puzzle enthusiasts and creative minds alike.

The game's charm lies in its perfect balance of artistic freedom and logical problem-solving. Every level presents new challenges that require you to think outside the box, considering both the physics of your drawn vehicle and the obstacles ahead.

Core Features

Creative Freedom Within Limits

The game's most distinctive feature is its one-line drawing mechanic . You have complete creative control over your car's design, but you must work within the ink limit provided. This constraint forces players to be both creative and efficient, making every stroke count.

Physics-Based Gameplay

Your drawn car isn't just a static image – it becomes a fully functional vehicle subject to realistic physics. The wheels automatically appear at the beginning and end of your line, and your car's performance depends entirely on your design choices.

50 Challenging Levels

The game offers 50 unique levels , all unlocked from the start, allowing players to tackle challenges in any order they prefer. Each level introduces new obstacles and terrain types that require different design approaches.

Medal System & Scoring

Performance is rewarded through a medal system – achieve the gold medal by reaching the finish line on your first attempt! The fewer attempts you make, the higher your final score, encouraging strategic thinking and careful planning.

Speed Boost Mechanics

Look out for shiny collectible balls scattered throughout levels. Catching these provides speed boosts that can help your car overcome particularly challenging sections.

Gameplay Mechanics

Strategic Drawing Approach

Before putting pencil to paper (or mouse to screen), take time to analyze each level. Consider the terrain, obstacles, and available ink. The game rewards thoughtful planning over hasty drawing.

Hint System

When you're truly stuck, the built-in hint system provides valuable guidance without giving away complete solutions. This feature helps maintain the challenge while preventing frustration.

Obstacle Variety

Each level presents unique challenges including ramps, gaps, barriers, and terrain variations. Your car design must adapt to these different environmental factors.

Operation Guide

Basic Controls

  • Mouse : Drag the left mouse button to draw your car design
  • Strategic Planning : Analyze the level before drawing
  • Hint Button : Located at the top of the screen for assistance

Drawing Tips

  • Remember that wheels appear automatically at line endpoints
  • Consider weight distribution in your design
  • Plan for the specific obstacles in each level
  • Use your full ink allowance strategically
  • Experiment with different shapes and configurations

Level Progression

All 50 levels are available immediately, allowing you to: - Skip difficult levels and return later - Practice specific obstacle types - Challenge yourself with the hardest levels in the "Never play this" chapter

Why Play Car Drawing Game

Perfect for Creative Minds

This game is ideal for players who enjoy combining creativity with problem-solving. It's not just about drawing – it's about engineering a solution that works within physical constraints.

Accessible Yet Challenging

The simple drawing mechanic makes the game easy to understand, but the physics-based puzzles provide genuine challenge and depth. It's perfect for quick gaming sessions or extended puzzle-solving marathons.

No Download Required

As a free browser-based game , you can start playing immediately on any device with internet access. The game runs smoothly on both desktop computers and mobile devices.

Educational Value

Players naturally learn about basic physics concepts, engineering principles, and creative problem-solving through gameplay. It's entertainment that also develops practical thinking skills.

Replayability

With multiple ways to solve each level and a scoring system that rewards efficiency, the game offers significant replay value as you work to perfect your solutions and achieve gold medals.

Frequently Asked Questions (FAQ)