Draw Wire - Electric Puzzle Connection Game

Seele01-Flash
By
Draw Wire is an electrifying puzzle game that challenges your logic and precision. Connect various electrical appliances to their power sources across 50+ increasingly difficult levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Draw Wire**". 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 mimic the flat vector art style of the reference image but with 3D depth. Use "Toon Shading" (Cel Shader) on models to maintain the cartoon look with bold outlines. * **Color Palette:** High contrast. Background should be a soft beige (`#F0EAD6`) or light grey. Power sources (Batteries) should be vibrant Green (`#32CD32`). Target devices (Phones, Bulbs) should be Cyan/Blue. Obstacles should be Dark Grey/Black. * **Key Models:** * **Source:** A stylized cylindrical battery with a glowing positive terminal. * **Target:** A smartphone model with a black screen that changes to a "Charging" texture upon success. * **The Wire:** A dynamic `TubeGeometry` or `MeshLine` that extrudes following the user's touch path. It should have a subtle glowing shader to represent electricity flowing. * **Mobile Optimization:** Use simple geometries (Cylinders, Boxes) with low polygon counts. Avoid complex shadows; use baked lighting or simple ambient light to save battery on mobile devices. ### 2. Audio Requirements * **BGM:** A quiet, "Lo-fi" or "Ambient Puzzle" track that aids concentration. It should be non-intrusive and loop seamlessly. * **Sound Effects (SFX):** * **Drawing:** A low-pitched electric hum that varies in pitch slightly as the wire gets longer. * **Connection (Success):** A crisp "Snap" sound followed by a satisfying electronic "Power Up" chime. * **Collision/Fail:** A short "Buzz" or "Zzt" sound if the wire hits an obstacle. * **UI:** Soft clicks for menu buttons. ### 3. Gameplay Loop * **Core Mechanic:** The player must draw a continuous line (wire) connecting a Power Source (Battery) to a Target Appliance (Phone). * **Win Condition:** The wire successfully touches the target's connection point without hitting any obstacles. Upon connection, trigger a particle effect (sparks) at the connection point and change the target object's state (e.g., Phone screen turns on). * **Fail Condition:** * The user releases the touch before reaching the target. * The wire collides with static obstacles (walls). * The wire crosses over itself (self-collision). * **Level Progression:** Start with a direct line. Level 2 adds a static wall. Level 3 requires navigating a maze-like path. ### 4. Mobile Controls & Interaction * **Touch Input System:** * **Touch Start:** Raycast to detect if the user touches the "Source" node. If yes, begin drawing. * **Touch Move:** continuously update the `TubeGeometry` path to follow the finger's position on the X/Y plane. Implement a "smoothing" algorithm so the line doesn't look jagged. * **Touch End:** Check if the raycast intersects with the "Target" node. If yes, lock the wire and trigger Win. If no, dissolve the wire and reset. * **Orientation:** Force **Portrait Mode** logic (camera frustum set for vertical aspect ratio). * **Haptic Feedback:** Trigger the device's vibration (`navigator.vibrate(20)`) when the wire connects or when it hits a wall. * **Visual Feedback:** The wire should turn **Green** when valid, and flash **Red** instantly if the player hits an obstacle, providing immediate feedback before resetting. * **UI:** A "Restart" button and "Next Level" button must have a minimum hit area of 44x44 pixels positioned at the bottom of the screen for easy thumb reach. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Draw Wire

Draw Wire is an innovative electric puzzle game that combines brain training with precision drawing mechanics. This engaging puzzle game challenges players to think logically while testing their drawing accuracy as they connect electrical devices to power sources across more than 50 unique levels.

The game features a simple yet addictive concept: draw wires to connect electrical appliances with their corresponding power sources. What starts as straightforward connections quickly evolves into complex puzzles that require strategic thinking and careful planning.

Core Features

Progressive Difficulty System

Draw Wire offers over 50 carefully crafted levels, each presenting increasingly complex electrical connection challenges. From simple battery-to-phone connections to intricate multi-device circuits, every level introduces new obstacles and creative solutions.

Intuitive Drawing Mechanics

The game's core mechanic is beautifully simple - click and drag to draw connecting wires between power sources and devices. The responsive drawing system allows for smooth, natural wire placement that feels satisfying and precise.

Brain Training Benefits

This puzzle game serves as excellent brain exercise, improving: - Logical thinking through circuit planning - Spatial awareness via wire routing challenges - Problem-solving skills with creative connection solutions - Hand-eye coordination through precision drawing

Clean Visual Design

Featuring bright, colorful graphics with clear visual feedback, Draw Wire makes complex electrical concepts accessible and enjoyable. The cartoon-style artwork keeps the learning experience fun and engaging.

Gameplay Mechanics

Each level presents you with various electrical devices - smartphones, tablets, lamps, and other appliances - that need power connections. Your task is to draw wires from batteries or power sources to these devices, ensuring every item receives electricity.

Strategic Elements

  • Wire routing : Plan efficient paths that don't cross or interfere
  • Power management : Ensure adequate power distribution across devices
  • Obstacle navigation : Work around barriers and limited space
  • Resource optimization : Use minimal wire length for maximum efficiency

Operation Guide

Draw Wire features incredibly simple controls that anyone can master:

  • Mouse Control : Click and drag to draw connecting wires
  • Touch Support : Tap and drag on mobile devices
  • Precision Drawing : Careful wire placement for optimal connections
  • Level Navigation : Easy progression through increasingly challenging puzzles

The game automatically detects successful connections and provides instant feedback when circuits are completed correctly.

Why Play Draw Wire

Perfect for All Ages

Draw Wire appeals to both children learning basic electrical concepts and adults seeking engaging brain training. The progressive difficulty ensures everyone finds appropriate challenges.

Educational Value

While entertaining, the game subtly teaches electrical circuit basics, making it an excellent educational tool for understanding power flow and device connections.

Stress-Free Gaming

With no time limits or penalties for mistakes, Draw Wire provides a relaxing puzzle experience. Take your time to plan the perfect circuit solutions.

Cross-Platform Accessibility

Play seamlessly across all devices - desktop computers, smartphones, and tablets. Your progress syncs automatically for continuous gaming anywhere.

Completely Free Experience

Enjoy the full Draw Wire experience at no cost. All 50+ levels are available immediately with no premium content or in-app purchases required.

Frequently Asked Questions (FAQ)