Obby With Friends: Draw and Jump

Seele01-Flash
By
Obby With Friends: Draw and Jump combines creative drawing mechanics with exciting parkour challenges. Team up with friends online to solve puzzles, create platforms, and navigate traps in this vibrant multiplayer adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Obby With Friends: Draw and Jump**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Roblox-inspired" Low-poly aesthetic. High color saturation. The world should be colorful and vibrant (bright blues, greens, and purples). * **Character:** A simple, blocky humanoid character (composed of Boxes/Cubes) resembling a Lego/Roblox figure. The character holds a large, exaggerated pencil model on their back or in hand. * **Environment:** A 2.5D side-scrolling perspective (3D models but movement locked to the X-Y plane). The background should be a bright skybox with floating low-poly clouds. Platforms are geometric floating islands. * **Drawing Visuals:** The lines drawn by the player should appear as black "ink" tubes or thick lines using `THREE.MeshLine` or tube geometry, rendered instantly. * **Mobile Optimization:** Use simple Lambert or Basic materials to reduce GPU load. Limit dynamic lights to one DirectionalLight (simulating sun) and one AmbientLight. Use object pooling for drawn lines to prevent memory leaks. ### 2. Audio Requirements * **BGM:** Upbeat, energetic "Tycoon/obby" style music (synthesizer-heavy, fast tempo, looping). * **Sound Effects (SFX):** * **Jump:** A cartoonish "Boing" or distinct spring sound. * **Draw:** A scratching pencil-on-paper sound loop while the finger drags. * **Ink Depleted:** A hollow "clunk" or error buzzer when trying to draw with empty ink. * **Death:** A shattering sound or the classic "Oof" inspired sound when falling. * **Win:** A triumphant chime or fanfare. ### 3. Gameplay Loop * **Core Mechanic:** The player controls the character moving rightward across gaps. The player must physically draw bridges/platforms on the screen to cross gaps or shield themselves from traps. * **Physics Integration:** Use a physics engine (like Cannon.js or Ammo.js). The drawn lines must instantly become static physics bodies (colliders) that the player can walk on. * **Resource Management:** Implement an "Ink Bar" (UI). Drawing consumes ink. Ink does not regenerate automatically; it forces strategic drawing. * **Hazards:** * **The Void:** Falling below a certain Y-coordinate triggers a respawn. * **Golden Blocks:** Static obstacles that kill on contact (requires drawing a bridge *over* them). * **Multiplayer Simulation:** Include a "Ghost" player (a semi-transparent bot) that runs alongside the player to simulate the "With Friends" competitive aspect. ### 4. Mobile Controls & Interaction * **Touch Input Strategy:** * **Left Half of Screen:** Virtual Joystick or static touch area for Left/Right movement. * **Tap (Bottom Right):** Jump button. * **Swipe/Drag (Anywhere else):** Raycast from touch position to the game's Z-plane to draw lines. * **Screen Orientation:** **Landscape** mode is mandatory for side-scrolling visibility. * **UI Layout:** * **Top Left:** Ink Bar (Green progress bar, turning red when low). * **Top Right:** "Clear Lines" button (trash can icon) to remove all drawn paths (mapped to the 'R' key logic). * **Buttons:** All interactive buttons must have a minimum hit area of 44x44 pixels. * **Feedback:** Provide haptic feedback (vibration) when the character lands a jump or dies. Show a floating "-Ink" text when drawing. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Obby With Friends: Draw and Jump is an innovative multiplayer platformer that revolutionizes the classic obstacle course (Obby) genre by adding creative drawing mechanics. Inspired by popular Roblox Obby games, this free online adventure challenges players to think creatively while mastering parkour skills. Armed with a magical pencil and eraser, you'll draw your way through challenging levels filled with gaps, traps, and golden obstacles.

The game's unique blend of creativity and strategy creates an engaging experience where every line you draw matters. Your limited ink supply adds a strategic element that keeps gameplay exciting and forces players to think carefully about each drawing decision.

Core Features

Real-Time Multiplayer Action

Connect with friends online and tackle challenges together in real-time. The collaborative gameplay creates memorable moments as you work together to overcome obstacles, share strategies, and celebrate victories as a team.

Creative Drawing Mechanics

Unlike traditional platformers, this game puts a magical pencil in your hands. Draw platforms beneath your feet to cross gaps, create bridges over dangerous areas, and sketch solutions to complex puzzles. Your creativity is your greatest tool for success.

Strategic Ink Management

Every line counts! Your ink supply is precious and limited, adding a strategic layer to the gameplay. Waste too much early on, and you'll find yourself stuck when facing the game's toughest challenges. Plan your drawings wisely and make every stroke matter.

Progressive Challenge System

Each level introduces new obstacles and puzzle mechanics that test both your drawing skills and parkour abilities. Golden blocks, moving traps, and complex gap sequences ensure that no two levels feel the same.

Upgrade System

Watch ads to unlock temporary power-ups that give you an edge when you need it most. Higher jumps and extra ink can help you tackle the most challenging sections, but use these boosts strategically for maximum impact.

Game Mechanics

The core gameplay revolves around navigating obstacle courses while using your drawing abilities to create solutions. As Obby, you'll face various challenges:

  • Gap Crossing : Draw platforms and bridges to traverse dangerous voids
  • Obstacle Navigation : Use your magic ink to bypass traps and barriers
  • Puzzle Solving : Creative thinking is required to overcome complex challenges
  • Resource Management : Balance your limited ink supply throughout each level

Controls and Gameplay

The game features intuitive controls that are easy to learn but offer depth for mastery:

  • WASD or Arrow Keys : Move your character through the levels
  • Spacebar : Jump over obstacles and onto your drawn platforms
  • Q Key : Activate drawing mode to create platforms and solutions
  • E Key : Erase mistakes and refine your drawings
  • R Key : Clear your drawings completely for a fresh start
  • Left Click : Interact with in-game buttons and menus

Why Play Obby With Friends

This game offers a unique gaming experience that combines creativity, strategy, and social interaction. The multiplayer aspect makes every session different as you collaborate with friends to find creative solutions. Whether you're a fan of drawing games, platformers, or social gaming, Obby With Friends delivers an engaging experience that keeps you coming back.

The free-to-play model ensures everyone can join the fun, while the browser-based platform means no downloads are required. Jump in immediately and start drawing your way to victory with friends from around the world.

Perfect for Creative Gamers

If you enjoy games that challenge your creativity while testing your skills, this multiplayer drawing adventure offers the perfect blend. The combination of artistic expression and parkour challenges creates a unique gaming experience that stands out in the crowded casual games market.

Frequently Asked Questions (FAQ)