Illuminate 1 - Circuit Puzzle Game
Prompt
MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Illuminate: Circuit Puzzle 3D". Please read the following detailed game design requirements first, and then generate the code accordingly:
### 1. Assets & Environment
* **Visual Style:** A clean, "2.5D" isometric view (Orthographic Camera) that modernizes the original 2D flash aesthetic. The mood should be "Laboratory" or "Clean Energy."
* **Grid/Board:** A floor plane composed of a checkerboard pattern (light blue and white tiles), similar to the original but with slight specularity/reflection.
* **The Battery (Source):** A 3D cylinder or box model in the center (or starting point) with a red emission material and a lightning bolt icon. It should gently pulsate.
* **The Pipes/Wires:** Instead of flat lines, use 3D geometry (like `CylinderGeometry` or flattened `BoxGeometry`) representing conduits.
* *Unpowered State:* Dark grey, matte material.
* *Powered State:* Bright yellow/gold with an `Emissive` property.
* **The Bulbs (Targets):** Glass spheres (`SphereGeometry`) with a metal base. When unlit, the glass is dim. When lit, it glows bright yellow.
* **Visual Effects:**
* Implement a **Bloom Effect** (using Three.js EffectComposer) so that powered wires and bulbs actually glow against the cooler background.
* Smooth transition of color (tweening) when a line gets connected (don't just snap colors; fade them from grey to yellow).
* **Mobile Optimization:** Use simple geometry (Low-Poly) for the pipes. Use `InstancedMesh` if possible for the floor tiles to reduce draw calls.
### 2. Audio Requirements
* **BGM:** A calm, "thinking-mode" ambient electronic track. Repetitive but pleasant synth pads (Alpha wave style) to encourage focus.
* **Sound Effects (SFX):**
* **Tap/Rotate:** A crisp, satisfying mechanical "click" or "servo" sound.
* **Connection:** A low-pitched electric hum or "zap" sound when power flows through a new segment.
* **Level Complete:** A bright, ascending chime or the sound of a light switch flipping on.
* **Game Over/Time Out:** A "power down" sound (pitch shifting down) followed by a buzzer.
* **Timer Tick:** A subtle ticking sound that starts only when 10 seconds remain.
### 3. Gameplay Loop
* **Core Mechanism:** A grid-based puzzle (e.g., 5x5 to 8x8). The grid contains specific tile types: Straight, Corner (90°), T-Junction, Cross, Battery (Source), and Bulb (End).
* **Interaction:** The player taps a tile to rotate it 90 degrees clockwise.
* **Logic (Power Flow):**
* On every interaction, the game must run a recursive "Flood Fill" or pathfinding algorithm starting from the Battery.
* It checks adjacent tiles. If the connection points align (e.g., a pipe exiting Right meets a pipe entering Left), the "power" continues.
* Update the visual state of all tiles in the path to "Powered." Any tile no longer connected reverts to "Unpowered."
* **Win Condition:** The level is won immediately when **ALL** light bulbs on the grid are in the "Powered" state. Proceed to the next level (Total 20 levels).
* **Lose Condition:** A countdown timer (displayed in the UI) reaches 0. The player must restart the current level.
* **Scoring:** Based on remaining time.
### 4. Mobile Controls & Interaction
* **Controls:**
* **Input:** Use Three.js `Raycaster` listening for `touchstart` (priority) and `click` events.
* **Action:** Tapping any grid cell triggers the rotation animation (90 degrees) for that specific tile.
* **Screen Adaptation:**
* The camera zoom needs to dynamically adjust based on `window.innerWidth` to ensure the entire grid is visible on portrait mode screens without scrolling.
* **UI Layout:**
* **Top Bar:** Level Indicator and High Score.
* **Bottom Bar:** Timer (Large, easy to read text) and a Pause Button.
* **Touch Areas:** Ensure UI buttons have a minimum touch target of 44x44 pixels.
* **Feedback:**
* **Haptic:** Trigger `navigator.vibrate(50)` (if supported) whenever a tile is rotated.
* **Visual:** Add a subtle "highlight" or scale-up effect on the tile currently being touched to confirm selection before rotation.
Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.
Game Introduction
About the Game
Illuminate 1 is a captivating circuit puzzle game that challenges your logical thinking and problem-solving skills. As a skilled electrician, your mission is to restore power to darkened rooms by connecting electrical circuits from the battery to every light bulb. With a 3.46/5 rating from puzzle enthusiasts, this game offers the perfect blend of challenge and accessibility.
The game features 20 progressively challenging levels, each requiring you to think strategically about how electrical current flows through circuits. You'll need to rotate puzzle pieces to create continuous pathways, ensuring every light bulb receives power before time runs out.
Core Features
Brain-Training Puzzle Mechanics
Illuminate 1 combines electrical circuit logic with spatial reasoning challenges. Each level presents a unique grid-based puzzle where you must:
- Rotate Circuit Pieces : Click on puzzle segments to rotate them into proper positions
- Create Continuous Paths : Ensure electrical flow reaches every destination
- Beat the Clock : Complete each circuit before the timer expires
- Progressive Difficulty : 20 levels that gradually increase in complexity
Accessible Gaming Experience
This HTML5 puzzle game is designed for players of all skill levels:
- Easy Controls : Simple click-to-rotate mechanics anyone can learn
- Cross-Platform Play : Works perfectly on computers, tablets, and smartphones
- No Downloads Required : Play instantly in your web browser
- Family-Friendly Content : Suitable for all ages with educational value
Educational Value
While entertaining, Illuminate 1 also teaches basic electrical circuit principles, making it an excellent choice for students and anyone interested in understanding how electrical connections work.
Gameplay Mechanics
The core gameplay revolves around circuit completion puzzles. You'll see a grid containing:
- Battery Source : The starting point for electrical energy
- Light Bulbs : Your targets that need to be illuminated
- Circuit Pieces : Rotatable segments including straight lines, corners, and junctions
- Empty Spaces : Areas where no connections are needed
Success requires analyzing the puzzle layout, identifying the most efficient path connections, and executing your plan before time expires.
Operation Guide
Basic Controls
- Mouse Click : Click on any circuit piece to rotate it 90 degrees
- Visual Feedback : Connected paths light up to show electrical flow
- Timer Display : Monitor remaining time in the right-hand panel
- Score Tracking : Watch your points accumulate with successful completions
- Pause Function : Use the pause button when you need a break
- Sound Controls : Toggle audio effects on/off as preferred
Winning Strategy Tips
- Plan Your Route : Study the entire puzzle before making moves
- Start from the Battery : Trace potential paths from the power source
- Work Systematically : Connect one bulb at a time rather than randomly rotating
- Time Management : Balance speed with accuracy - rushing leads to mistakes
- Use Trial and Error : Don't hesitate to rotate pieces multiple times to find the right fit
Why Play Illuminate 1
Perfect for Puzzle Lovers
If you enjoy brain teasers, logic puzzles, or educational games, Illuminate 1 offers:
- Mental Stimulation : Exercises spatial reasoning and logical thinking
- Stress Relief : Engaging gameplay that helps you unwind
- Sense of Achievement : Satisfying "aha!" moments when circuits connect
- Replay Value : Multiple approaches to solve each level
Ideal for Quick Gaming Sessions
With its level-based structure, Illuminate 1 fits perfectly into:
- Coffee Breaks : Quick 2-3 minute puzzle sessions
- Commuting : Mobile-friendly gameplay for travel
- Study Breaks : Educational entertainment that keeps your mind active
- Family Time : Share puzzle-solving fun with kids and adults
Competitive Element
Track your progress and compete with other players through the built-in high score system, adding an extra layer of motivation to improve your puzzle-solving speed and efficiency.
Frequently Asked Questions (FAQ)
Is Illuminate 1 free to play?
+
Yes, Illuminate 1 is completely free to play online. No downloads, payments, or subscriptions required.
What devices support Illuminate 1?
+
The game works on all modern devices including computers, tablets, and smartphones through web browsers. It's built with HTML5 for universal compatibility.
How many levels are in the game?
+
Illuminate 1 features 20 unique puzzle levels with progressively increasing difficulty to challenge players of all skill levels.
Do I need to download anything to play?
+
No downloads required! Simply open the game in your web browser and start playing immediately.
Is there a time limit for each level?
+
Yes, each level has a timer that adds challenge and excitement. You must complete the circuit connections before time runs out.
Can I pause the game?
+
Yes, there's a pause button available during gameplay, allowing you to take breaks without losing progress on your current level.
What age group is this game suitable for?
+
Illuminate 1 is suitable for all ages. It's easy enough for children to understand while challenging enough to engage adult puzzle enthusiasts.
How do I rotate the circuit pieces?
+
Simply click on any circuit piece and it will rotate 90 degrees. Continue clicking to rotate through all possible orientations until you find the right connection.