Light Line - Puzzle Connecting Game

Seele01-Flash
By
Light Line is a captivating puzzle connecting game that challenges you to guide glowing lines through grid spaces. With 100 increasingly complex levels, this brain-training experience combines strategic thinking with relaxing gameplay.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Light Line". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Cyberpunk-lite/Neon aesthetic. Use a dark, deep blue or slate background (`#111122`) to maximize contrast. * **Grid System:** Create a dynamic grid (e.g., 5x5, 6x6) of rounded squares (planes or thin boxes). Unvisited tiles should be dark/dim opacity. Visited tiles should light up with neon colors (Cyan, Magenta, Yellow). * **The Line:** The core asset is a continuous glowing line. Use `MeshLine` or a custom ShaderMaterial on a tube geometry to create a "Neon Tube" effect (White core with a colored glow halo). * **Post-Processing:** **Essential**. Implement `EffectComposer` with `UnrealBloomPass` to make the line and active tiles glow intensely. * **Camera:** Use an **Orthographic Camera** to ensure the grid remains perfectly flat and readable on mobile screens, regardless of aspect ratio. * **Optimization:** Use InstancedMesh for the grid tiles to reduce draw calls. Ensure shaders are optimized for low-end mobile GPUs (medium precision). ### 2. Audio Requirements * **BGM:** A soothing, ambient electronic synth track. Slow tempo (60-80 BPM), lo-fi aesthetic, similar to "relaxing study beats" but more sci-fi. * **SFX - Interaction:** A soft, high-pitched "pop" or "hum" note each time the line enters a new grid cell. Pitch should ascend slightly as the combo/line gets longer. * **SFX - Backtrack:** A "rewind" or magnetic suction sound when the player retraces their steps to undo. * **SFX - Win:** A harmonious major chord arpeggio accompanied by a particle burst sound. * **SFX - Invalid Move:** A subtle low-frequency "thud" or buzz if the player tries to cross an existing line. ### 3. Gameplay Loop * **Core Mechanic:** "One-Stroke" puzzle. The player starts at a designated "Start Node" and must drag a line to fill **every** empty grid cell on the board without lifting their finger (or releasing the mouse). * **Rules:** 1. The line cannot cross itself. 2. The line cannot visit a filled block twice. 3. **Backtracking:** If the player drags the finger back to the *previous* cell in the current path, the line should retract (undo that step). * **Win Condition:** The level is complete strictly when **Grid Count == Path Length**. Show a "Level Complete" overlay with a 3-star rating based on speed. * **Hint System:** A button that triggers a brief animation showing the correct path for the next 3 moves using a "ghost" line effect. ### 4. Mobile Controls & Interaction * **Input Handling:** * Implement a `Raycaster` loop mapped to `touchstart`, `touchmove`, and `touchend` events. * **Drag-to-Connect:** The player does not tap individual cells. They touch the screen and slide their finger. The raycaster detects which tile is under the finger. If the tile is adjacent to the *current head* of the line and valid, extend the line. * **Responsiveness:** * Hitbox Tolerance: The raycast target for each tile should be slightly larger than the visual tile to prevent dropped inputs on small screens. * Visual Feedback: When a tile is touched/activated, it should slightly scale up (1.1x) or flash brighter instantly. * **Orientation:** * Design for **Portrait Mode** (vertical) by default, as this is a one-handed casual game. The grid should automatically scale to fit the width of the screen with a safe margin. * **UI Layout:** * Top: Level counter and "Reset" button. * Center: The Puzzle Grid. * Bottom: "Hint" button (large, thumb-friendly tap target, minimum 44x44px). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Light Line

Light Line is an innovative puzzle connecting game that offers the perfect blend of logic, strategy, and visual satisfaction. This free online brain-training experience challenges players to guide luminous lines through grid-based puzzles, filling every empty space with precision and creativity. The game's elegant design and progressive difficulty curve make it appealing to both casual puzzle enthusiasts and serious brain-training advocates.

Core Features

100 Challenging Levels

Light Line offers an extensive progression system with 100 unique levels, each carefully designed to test different aspects of spatial reasoning and strategic planning. The difficulty gradually increases from simple introductory puzzles to complex multi-path challenges that will push your problem-solving skills to the limit.

Intelligent Hint System

When you encounter particularly challenging puzzles, the built-in hint system provides strategic guidance by highlighting the correct path. This feature ensures that players never feel completely stuck while still maintaining the satisfaction of solving puzzles independently.

Relaxing Visual Experience

The game features a soothing color palette with glowing neon lines that create a calming atmosphere. The smooth animations and satisfying visual feedback make each successful connection deeply rewarding, transforming puzzle-solving into a meditative experience.

Brain Training Benefits

Light Line serves as an excellent cognitive exercise, improving spatial awareness, logical thinking, and pattern recognition. Regular play helps develop strategic planning abilities and enhances concentration skills through engaging gameplay.

Gameplay Mechanics

Simple Yet Strategic Controls

The game uses intuitive mouse controls - simply click and drag from the starting point to create continuous light paths. The challenge lies in planning routes that fill every grid space without overlapping or leaving gaps.

Progressive Difficulty Design

Early levels introduce basic concepts with straightforward solutions, while advanced stages feature complex layouts requiring multiple attempts and careful route planning. This progression ensures players develop skills gradually while maintaining engagement.

Trial and Error Learning

The game encourages experimentation with its forgiving restart system. Players can easily trace back their steps or restart levels completely, making the learning process stress-free and encouraging creative problem-solving approaches.

Operation Guide

Basic Controls: - Left Mouse Button : Click and drag to create light paths - Starting Point : Begin each level by clicking the glowing starting position - Continuous Path : Maintain connection while dragging through all empty spaces - Hint Button : Use sparingly when completely stuck for path guidance - Restart Option : Reset the current level to try different approaches

Winning Strategy: 1. Survey the entire grid before making your first move 2. Identify potential problem areas or tight spaces 3. Plan your route mentally, considering dead ends 4. Start with the most constrained areas first 5. Use hints only after exhausting your own strategies 6. Practice patience - complex levels may require multiple attempts

Why Play Light Line

Perfect for All Skill Levels

Whether you're new to puzzle games or a seasoned veteran, Light Line's progressive difficulty ensures an appropriate challenge. Beginners can enjoy early success while experts will find later levels genuinely challenging.

Stress-Free Gaming Experience

Unlike time-pressured puzzle games, Light Line allows players to think at their own pace. The relaxing atmosphere and unlimited attempts create a therapeutic gaming experience that reduces stress rather than adding to it.

Cognitive Development

Regular play improves spatial reasoning, pattern recognition, and strategic thinking skills. The game serves as an entertaining form of brain training that provides measurable cognitive benefits.

Accessibility and Convenience

As a free browser-based game, Light Line requires no downloads or installations. Play instantly on any device with a web browser, making it perfect for quick mental breaks or extended puzzle-solving sessions.

Satisfying Progression System

The 100-level structure provides clear goals and a sense of achievement. Each completed level unlocks the next challenge, creating a compelling progression that encourages continued play and skill development.

Frequently Asked Questions (FAQ)