Draw My Path Obby - Multiplayer Parkour Drawing Game

Seele01-Flash
By
Draw My Path Obby combines creative drawing mechanics with fast-paced multiplayer parkour action. Draw your own paths to overcome obstacles and outsmart opponents in this unique adventure game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Draw my Path Obby". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Adopt a "Roblox-esque" aesthetic. Characters and environment blocks should be low-poly but with slightly rounded bevels. Use a vibrant, saturated color palette (Neon Green, Hot Pink, Bright Orange, Cyan). * **Shader Effect**: Implement a **Cel-shading (Toon Shader)** effect with thick black outlines (Sobel filter or inverted hull method) to mimic the screenshot's comic-book style. * **Character**: A modular, blocky character (similar to the screenshot) holding a giant pencil. The main player should be distinct (e.g., Green/Blue) from NPC competitors. * **Environment**: A floating obstacle course set against a bright blue skybox with stylized clouds. The ground consists of grid-textured orange blocks floating in a void. * **The Ink**: The drawn paths should be 3D meshes (Green color) generated dynamically. They must appear "wet" or glowing slightly. * **Optimization**: Use instanced mesh rendering for static environment blocks. Ensure low draw calls for mobile performance. ### 2. Audio Requirements * **BGM**: An upbeat, high-tempo synthesizer track (similar to "YouTuber intro music") that loops seamlessly to keep energy high. * **Sound Effects (SFX)**: * **Drawing**: A rapid, high-pitched "scribble" or "squeaky marker" sound that plays while the user drags their finger. * **Jumping**: A cartoonish "boing" or "pop" sound. * **Fall/Death**: A descending whistle or "womp-womp" sound when falling into the void. * **Win**: A triumphant fanfare when reaching the checkpoint flag. ### 3. Gameplay Loop * **Objective**: Race from the start platform to the finish flag across a series of impossible gaps. * **Core Mechanic**: The player cannot jump over wide gaps. They must draw their own bridges. * When the player touches the screen (in draw mode), a line is extruded into a 3D physical collider (`TubeGeometry` or similar) in real-time. * The ink has a limited lifespan (disappears after 10 seconds) or a "Max Ink" meter, requiring strategic management. * **Obstacles**: Apart from gaps, include moving walls, spinning hammers, and disappearing platforms. * **Multiplayer Simulation**: Include 2-3 AI "Bots" that run the course alongside the player to simulate the multiplayer lobby experience. They should follow a simple pathfinding logic. * **Respawn**: Falling off the map instantly resets the player to the last touched checkpoint platform. ### 4. Mobile Controls & Interaction * **Screen Orientation**: Landscape Mode. * **Dual-State Control Scheme**: * **Movement State (Default)**: * **Left Thumb**: Virtual Joystick for movement (WASD logic). * **Right Thumb**: "Jump" Button (large, round, bottom-right). * **Drawing State**: * **Action**: The user can draw directly on the screen. The code must use a Raycaster to project the 2D touch coordinates into 3D world space (at the character's depth or slightly in front) to create the bridge. * **UI Toggle**: A prominent "Pen/Move" toggle button, OR implement a specific "Draw Area" on the right side of the screen where swiping creates geometry instead of rotating the camera. * **UI Layout**: * **Ink Meter**: A bar on the side showing remaining drawing ink. * **Tools**: Small buttons for "Undo Last Line" (Eraser icon) and "Clear All". * **Touch Feedback**: Visual ripple effect on touch. Haptic vibration (if supported) when the character lands a jump 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 My Path Obby revolutionizes the traditional parkour gaming experience by adding a creative twist - you literally draw your own path to victory! This exciting multiplayer adventure game challenges players to think quickly, draw strategically, and navigate through complex obstacle courses faster than their opponents.

The game features colorful cartoon-style graphics with cheerful characters wielding oversized pencils, creating an engaging visual experience that appeals to players of all ages. Each match becomes a unique challenge as players must adapt their drawing strategies in real-time.

Core Features

Creative Drawing Mechanics

Unlike traditional parkour games, Draw My Path Obby empowers players to create their own solutions. Use your mouse to sketch platforms, bridges, and pathways that help you navigate through challenging obstacle courses. The drawing system is intuitive and responsive, allowing for both simple straight lines and complex curved paths.

Multiplayer Competition

Compete against friends and players worldwide in real-time multiplayer matches. The game supports online multiplayer functionality, making every race a test of both creativity and speed. Watch as opponents devise clever drawing strategies while you plot your own course to the finish line.

Strategic Gameplay Elements

Success requires more than just fast drawing - you need strategic thinking and quick reflexes. Analyze the obstacle layout, plan your drawing route, and execute your strategy while adapting to what other players are doing.

Cross-Platform Compatibility

Enjoy seamless gameplay across multiple devices. Whether you're on a desktop computer, tablet, or smartphone, the game maintains consistent performance and controls adapted for each platform.

Gameplay Mechanics

The core gameplay loop revolves around three main phases:

  1. Analysis Phase : Quickly assess the obstacle course and identify the best path forward
  2. Drawing Phase : Use your mouse to draw platforms, ramps, or bridges to create a viable route
  3. Navigation Phase : Control your character through the drawn path while racing against opponents

The game rewards both speed and creativity. Sometimes the fastest route requires innovative drawing solutions, while other times a simple direct approach works best.

Operation Guide

Movement Controls

  • Move Left/Right : A & D keys or Left & Right Arrow keys
  • Jump : W key, Up Arrow, or Spacebar
  • Pause Game : Escape key

Drawing Tools

  • Drawing Pen : Q key to activate drawing mode
  • Eraser Tool : E key to remove specific drawn elements
  • Clear All : R key to remove all your drawings instantly
  • Mouse : Primary drawing tool - click and drag to create paths

Pro Tips for Controls

  • Practice switching quickly between drawing mode (Q) and movement mode
  • Use the eraser (E) strategically to modify paths mid-race
  • The clear all function (R) can be a lifesaver when you need to start over quickly

Why Play Draw My Path Obby

Unique Gaming Experience

This isn't just another parkour game - it's a creative puzzle-platformer that challenges both your artistic skills and gaming reflexes. The combination of drawing mechanics with competitive multiplayer creates a gaming experience unlike anything else.

Educational Benefits

The game naturally develops spatial reasoning, quick decision-making, and creative problem-solving skills. Players learn to visualize solutions and execute them under time pressure.

Social Gaming Fun

The multiplayer aspect creates hilarious moments as players watch each other's creative (and sometimes chaotic) drawing attempts. It's perfect for playing with friends or meeting new players online.

Accessibility and Convenience

  • Completely Free : No payment required to access all game features
  • No Download Required : Play instantly in your web browser
  • Universal Device Support : Works on computers, phones, and tablets
  • Quick Matches : Games are fast-paced, perfect for short gaming sessions

Replayability

With procedurally varied obstacles and the creative freedom in path-drawing, no two matches ever play out the same way. The multiplayer element adds endless unpredictability and entertainment value.

Frequently Asked Questions (FAQ)