Draw Climber - Creative Racing Game - Casual Game

Seele01-Flash
By Penelope Flores
Draw legs to race! Control your character by sketching custom leg designs in this unique 3D racing game. Free to play online, no download required.
Voxel

Voxel Village Explorer

Build a voxel village to roam with jump and camera controls.

Build a voxel village to roam with jump and camera controls.Open in workspace
Unity

Endless Runner

Build a polished Unity endless runner with lanes and pickups.

Build a polished Unity endless runner with lanes and pickups.Open in workspace
New

River Raid Survival

Build a River Raid-style flight survival run with fuel pressure.

Build a River Raid-style flight survival run with fuel pressure.Open in workspace
Subscriber only

Unreal Landscape Tour

Tour photoreal Unreal landscapes with cinematic camera work.

Tour photoreal Unreal landscapes with cinematic camera work.Open in workspace
Subscriber only

Unreal Mountain Tour

Tour a third-person Unreal world of mountains and water.

Tour a third-person Unreal world of mountains and water.Open in workspace
Shooter

Rail Shooter Ride

Build a roller-coaster rail shooter that aims as you ride.

Build a roller-coaster rail shooter that aims as you ride.Open in workspace
3D

Third Person Explorer

Build a third-person explorer with swappable scenes and a live minimap.

Build a third-person explorer with swappable scenes and a live minimap.Open in workspace
Action

Open World City Action

Build an open-world city romp with driving and police chases.

Build an open-world city romp with driving and police chases.Open in workspace
New

Character Physics World

Build a third-person physics world with day-night and props to touch.

Build a third-person physics world with day-night and props to touch.Open in workspace
Racing

Track Racing Challenge

Build a closed-circuit racer built around drift corners.

Build a closed-circuit racer built around drift corners.Open in workspace
Voxel

Voxel Village Explorer

Build a voxel village to roam with jump and camera controls.

Build a voxel village to roam with jump and camera controls.Open in workspace
Unity

Endless Runner

Build a polished Unity endless runner with lanes and pickups.

Build a polished Unity endless runner with lanes and pickups.Open in workspace
New

River Raid Survival

Build a River Raid-style flight survival run with fuel pressure.

Build a River Raid-style flight survival run with fuel pressure.Open in workspace
Subscriber only

Unreal Landscape Tour

Tour photoreal Unreal landscapes with cinematic camera work.

Tour photoreal Unreal landscapes with cinematic camera work.Open in workspace
Subscriber only

Unreal Mountain Tour

Tour a third-person Unreal world of mountains and water.

Tour a third-person Unreal world of mountains and water.Open in workspace
Shooter

Rail Shooter Ride

Build a roller-coaster rail shooter that aims as you ride.

Build a roller-coaster rail shooter that aims as you ride.Open in workspace
3D

Third Person Explorer

Build a third-person explorer with swappable scenes and a live minimap.

Build a third-person explorer with swappable scenes and a live minimap.Open in workspace
Action

Open World City Action

Build an open-world city romp with driving and police chases.

Build an open-world city romp with driving and police chases.Open in workspace
New

Character Physics World

Build a third-person physics world with day-night and props to touch.

Build a third-person physics world with day-night and props to touch.Open in workspace
Racing

Track Racing Challenge

Build a closed-circuit racer built around drift corners.

Build a closed-circuit racer built around drift corners.Open in workspace

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Draw Climber**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual aesthetic. Use low-poly geometries with vibrant, saturated colors. * **Player**: A simple bright blue Cube. * **Legs**: Dynamically generated black tubular meshes (using `THREE.TubeGeometry` or `ExtrudeGeometry`) attached to the sides of the cube. * **Track**: Platforms should be rectangular blocks with an alternating yellow and orange stripe pattern to convey speed and movement. Include flat sections, steep stairs, and gaps. * **Background**: A smooth purple-to-blue vertical gradient skybox (`THREE.Texture` or CSS gradient) with simple white particle stars or low-poly clouds. * **Mobile Optimization**: * Use a single directional light with soft shadows (optimize shadow map size). * Reuse geometries for track segments (InstancedMesh if possible) to reduce draw calls. * Limit camera FOV to ~75 degrees for a dynamic feel. ### 2. Audio Requirements * **BGM**: Upbeat, energetic, looping synth-pop track typical of hyper-casual games to maintain momentum. * **Sound Effects (SFX)**: * **Drawing**: A "scribble" or "scratch" sound loop while the user touches the drawing pad. * **Movement**: Rhythmic "thuds" or "clacks" when the legs collide with the ground. * **Win/Launch**: A rising "whoosh" sound when crossing the finish line, followed by a fanfare/cheer upon landing. * **UI**: High-pitched "pop" sounds for button clicks. ### 3. Gameplay Loop * **Physics Core**: The game relies heavily on physics (recommend integrating `Cannon.js` or a simple custom physics implementation). The central cube has a constant rotational motor (torque). It only moves forward because the attached "legs" physically collide with the ground and push it. * **The Drawing Mechanic**: * The player draws a continuous line on a 2D UI canvas. * This 2D shape is instantly extruded/converted into a 3D mesh and attached to the player's cube as "legs." * **Dynamic Adaptation**: If the player draws a circle, the movement is smooth (like a wheel). If they draw a long line, the cube "walks" with long strides (good for gaps). If they draw a hook, it can climb ledges. * **Race Logic**: * The player races against a simple AI bot (a red cube) on a parallel track. * The race continues until the finish line. * Upon crossing the finish line, the player is launched into the air. The final score is determined by the distance traveled after the launch. * **Fail State**: Getting stuck in a pit (reset to last checkpoint) or falling off the map. ### 4. Mobile Controls & Interaction * **Primary Input (The Draw Pad)**: * Create a square HTML5 Canvas overlay centered at the bottom of the screen (approx. 30% of screen height). * **Visuals**: White background with a dashed grey border. * **Interaction**: Detect `touchstart`, `touchmove`, and `touchend`. * **Logic**: Trace the user's finger path. On `touchend` (or in real-time if optimized), normalize the path data and update the 3D leg geometry. * **Orientation**: Landscape mode is preferred for the racing view, but the UI must be responsive. Ensure the Draw Pad does not obscure the player character. * **Feedback**: * Render a visible trail line on the 2D Draw Pad as the finger moves. * Trigger a slight device vibration (`navigator.vibrate(50)`) when a new leg shape is successfully applied to the character. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.
A game idea becoming a playable world and reaching an audience
MAKE • SHARE • EARN

Games are fun. Creating them is even better.

Start creating for free

Game Introduction

About Draw Climber

Draw Climber is a revolutionary casual racing game that combines creativity with competitive gameplay. This unique 3D arcade experience challenges players to think outside the box by drawing custom leg designs to control their racing character. Unlike traditional racing games, your success depends entirely on your artistic creativity and strategic thinking.

The game features vibrant 3D graphics with colorful obstacle courses filled with challenging terrain. Players start as simple cube characters and must design legs to navigate through complex racing tracks filled with holes, steps, valleys, and peaks.

Core Features

Revolutionary Drawing Mechanics

The game's standout feature is its innovative drawing system. Using a simple drawing pad at the bottom of the screen, players can sketch any leg design imaginable. Want speed on flat surfaces? Draw wheel-like circular legs. Need to climb steep walls? Sketch claw or hook designs. Facing wide gaps? Long, extended legs might be your solution.

Dynamic Obstacle Courses

Every race takes place on uniquely designed tracks featuring: - Deep holes requiring careful navigation - Steep climbing sections demanding specialized leg designs - Tricky valleys that test your creativity - Towering peaks challenging your problem-solving skills - Varied terrain keeping gameplay fresh and engaging

Real-time Adaptation System

One of the most exciting aspects is the ability to redraw your legs at any point during the race. If your current design isn't working for a particular obstacle, simply sketch a new one instantly. This creates dynamic gameplay where quick thinking and adaptability are key to victory.

Competitive Racing Elements

Race against AI opponents in thrilling head-to-head competitions. The final stretch of each race features a launch mechanism where your speed determines how far you'll fly, directly impacting your final score and ranking.

Gameplay Mechanics

Getting Started

Begin each race as a simple square block positioned at the starting line of an elaborate obstacle course. Your objective is straightforward: reach the finish line before your opponent using any leg design you can imagine.

Drawing Strategy

Success in Draw Climber requires understanding the relationship between leg design and terrain: - Flat surfaces : Circular or wheel-like designs for maximum speed - Climbing sections : Hook, claw, or stepped designs for grip - Gaps and jumps : Long, extended legs for coverage - Tight spaces : Compact designs to avoid collision damage

Physics-Based Challenges

The game incorporates realistic physics, meaning overly long legs can be trimmed in tight spaces, and design balance affects movement efficiency. This adds a strategic layer where players must consider both creativity and practicality.

Operation Guide

Basic Controls

  • Left Mouse Button : Draw and design leg shapes on the drawing pad
  • Drawing Pad : Located at the bottom center of the screen for easy access
  • Real-time Modification : Redraw anytime during the race for instant adaptation

Pro Tips for Success

  1. Observe the terrain ahead before drawing your next design
  2. Experiment with different shapes to find optimal solutions
  3. Balance length and width for maximum efficiency
  4. Use the launch finale to maximize your final score
  5. Practice different designs to build your creative arsenal

Why Play Draw Climber

Draw Climber offers a completely unique gaming experience that you won't find anywhere else. It's perfect for players who enjoy: - Creative problem-solving through artistic expression - Fast-paced competitive racing with a twist - Casual gaming that's easy to learn but challenging to master - Innovative mechanics that break traditional gaming boundaries - Quick gaming sessions perfect for breaks and entertainment

The game successfully combines the satisfaction of creative drawing with the excitement of competitive racing, creating an addictive gameplay loop that keeps players coming back for more. Whether you're an artist, a racing fan, or just someone looking for something completely different, Draw Climber delivers an unforgettable gaming experience.

Best of all, it's completely free to play online with no downloads required, making it accessible to anyone with a web browser and internet connection.

Frequently Asked Questions (FAQ)