Connector - Connect the Dots Puzzle Game

Seele01-Flash
By
Connector is an engaging connect-the-dots puzzle game that challenges your pattern recognition skills. Connect scattered dots to form complete shapes like pentagrams and pentagons while racing against time for the highest score.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Connector". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Minimalist, clean, and geometric "Zen Puzzle" aesthetic. * **Color Palette:** * **Background:** Off-white or soft light gray (`#f0f0f0`) with a very faint, static geometric wireframe web in the background (low opacity). * **Nodes (Dots):** 3D Spheres. Unconnected nodes are Dark Grey (`#333333`). Active/Selected nodes turn Vibrant Orange (`#FF6600`). Completed/Locked nodes turn Teal (`#008080`). * **Connections:** Glowing lines (emissive material) connecting the spheres. * **Models & Shapes:** Use `THREE.SphereGeometry` for dots and `THREE.Line` or `THREE.TubeGeometry` for connections to give volume. * **Effects:** Apply a subtle `UnrealBloomPass` (Post-processing) so the orange connections and active nodes glow slightly, enhancing the "energy connection" feel. * **Camera:** Orthographic camera (top-down view) to ensure the puzzle remains undistorted and readable on mobile screens of different aspect ratios. * **Performance:** Use low-poly spheres (segment count ~16) to maintain 60FPS on mobile devices. ### 2. Audio Requirements * **BGM:** A calm, ambient, "thinking" track. Soft synthesizers, slow tempo, no heavy percussion. * **Sound Effects (SFX):** * **Node Select:** A crisp, high-pitched "pop" or digital "blip". * **Connection Formed:** A satisfying electric hum or rising tone. * **Invalid Move:** A low, dull "buzz" or error tone. * **Level Complete:** A harmonious chord (major key) indicating resolution. ### 3. Gameplay Loop * **Objective:** Connect all the dots (nodes) on the screen in a single continuous line without backtracking or crossing your own path (unless specific "bridge" nodes allow it). * **Mechanics:** * **Start:** The player touches a specific "Start Node" (pulsing). * **Action:** The player drags their finger/mouse to an adjacent node to form a connection. * **Obstacles:** Based on the "Avoider/Obstacle" tags, introduce "Red Barriers" between certain nodes. Touching a barrier or crossing an existing line breaks the current connection chain and resets the level progress. * **Victory Condition:** All required nodes are connected, forming a specific geometric shape (Pentagon, Star, Abstract Shape). * **Scoring:** * Timer displayed at the top. * Star rating system: 3 stars for fast completion, 1 star for slow completion. ### 4. Mobile Controls & Interaction * **Input System:** Implement `Raycaster` mapped to `touchmove` (mobile) and `mousemove` (desktop). * **Drag-to-Connect:** The player does not need to tap each dot. They should be able to "swipe" through dots. When the raycast intersection hits a valid neighbor node, it automatically snaps and draws the line. * **Haptic Feedback:** Trigger `window.navigator.vibrate(10)` when a successful connection connects to a new node for tactile confirmation. * **Orientation:** Portrait mode is preferred, but the canvas must resize dynamically (`window.addEventListener('resize', ...)`) to keep the puzzle centered with padding on any screen size. * **UI Layer:** * Minimalist HTML overlay. * **Top:** Level counter and Timer. * **Bottom:** A large "Reset" button (min-height 44px for touch accessibility). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Connector is a captivating puzzle game that brings the classic connect-the-dots concept into the digital age. With a stellar 4.3/5 rating from players, this brain-teasing adventure challenges you to identify patterns among scattered dots and connect them to form complete geometric shapes. Whether you're creating pentagrams, pentagons, or discovering entirely new formations, every level presents a unique puzzle waiting to be solved.

Core Features

Pattern Recognition Challenge

The game presents you with a field of seemingly random dots, each hiding a potential connection. Your mission is to identify the underlying pattern and connect the dots in the correct sequence to reveal hidden shapes. This tests not only your visual perception but also your logical thinking abilities.

Speed-Based Scoring System

Time is of the essence in Connector. The faster you identify and complete the pattern, the higher your score climbs. This creates an exciting balance between accuracy and speed, encouraging players to develop both precision and quick thinking.

Clean Connection Bonus

Perfection pays off in Connector. Players who can complete patterns without making mistakes or backtracking earn bonus points. This reward system encourages careful planning and thoughtful execution rather than random trial and error.

Competitive Leaderboards

Climb to the top of the global leaderboard by mastering the art of dot connection. Compare your pattern-solving skills with players worldwide and strive to become the ultimate Connector champion.

Game Mechanics

Connector operates on simple yet engaging principles. Each level presents a collection of dots scattered across the playing field. Your task is to determine how these dots should be connected to form recognizable shapes. The game includes various geometric forms, from basic triangles and squares to more complex pentagrams and custom shapes.

The challenge lies in recognizing the intended pattern among what might initially appear as random dot placement. As you progress, the patterns become more complex, requiring greater spatial awareness and problem-solving skills.

Operation Guide

Desktop Controls: - Mouse : Click and drag to connect dots - Left Click : Select starting dot - Drag : Draw lines between dots - Release : Complete connection

Mobile Controls: - Touch : Tap dots to select them - Swipe : Drag finger between dots to create connections - Multi-touch : Supported for enhanced control

General Tips: - Study the dot pattern before making your first connection - Look for symmetrical arrangements or geometric relationships - Start with obvious connections and work toward more complex ones - Use the undo function if available when you make mistakes

Why Play This Game

Connector offers the perfect blend of relaxation and mental stimulation. It's an ideal choice for players who enjoy:

  • Mental Exercise : Sharpen your pattern recognition and spatial reasoning skills
  • Quick Gaming Sessions : Perfect for short breaks or commute entertainment
  • Progressive Difficulty : Start easy and gradually face more challenging puzzles
  • Stress Relief : The methodical nature of connecting dots can be surprisingly calming
  • Competitive Spirit : Challenge yourself and others through leaderboard rankings

The game's accessibility makes it suitable for all ages, while its depth ensures that even experienced puzzle enthusiasts will find engaging challenges. Whether you're a casual gamer looking for a quick mental workout or a dedicated puzzle solver seeking your next obsession, Connector delivers an experience that grows with your skills.

Best of all, Connector is completely free to play through your web browser, with no downloads required. Jump in anytime, anywhere, and start connecting those dots!

Frequently Asked Questions (FAQ)