LightBot - Programming Puzzle Game

Seele01-Flash
By
LightBot is an innovative programming puzzle game where you help a cute robot turn on all the lights using simple coding commands. Perfect for learning programming logic through engaging gameplay.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**LightBot: Logic Puzzle**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Modern Low-poly with a clean, isometric aesthetic (similar to *Monument Valley* meets *Wall-E*). Use soft, rounded edges for geometry. * **Camera:** Fixed Orthographic camera positioned at an isometric angle (45 degrees) to perfectly represent the 3D grid without perspective distortion. * **The Robot (Player Character):** A cute, simple character composed of primitive shapes (sphere head, cylinder body). Key feature: A lightbulb antenna on top of the head. * *Animations:* Needs tween-based animations for Move Forward (hop), Turn (90-degree rotation), Jump (parabolic arc up/down one block height), and Light Up (bulb glows, character stretches up). * **Level Design:** A 3D grid made of stacked cubes. * *Normal Tiles:* Light gray/concrete. * *Target Tiles:* Blue tiles that must be lit up. When activated, they turn Yellow and emit a soft glow. * **Optimization:** Use `InstancedMesh` for the level blocks to ensure 60fps on mobile devices. Use simple `MeshStandardMaterial` with soft directional lighting and ambient light. ### 2. Audio Requirements * **BGM:** A calm, cerebral "thinking mode" track. Electronic/Ambient style with a slow tempo, similar to elevator music or a lab setting. * **Sound Effects (SFX):** * *UI Interaction:* A satisfying "click" or "bubble pop" sound when placing command icons. * *Robot Move:* Mechanical servo whir or a metallic "clink" for footsteps. * *Light Up:* A high-pitched, positive chime or "ding". * *Execution Start:* A computer processing/boot-up sound. * *Win Jingle:* A short, triumphant electronic fanfare. ### 3. Gameplay Loop * **The Goal:** The player must program the robot to navigate the grid and light up all "Blue Tiles". * **Phase 1: Programming (The "Main Method"):** * The player does *not* control the robot in real-time. * The player selects commands from a palette: [Forward], [Turn Left], [Turn Right], [Jump], [Light Bulb]. * These commands are added to a visible queue (the "Main Method" slot list). * **Phase 2: Execution:** * Player presses "GO". The robot executes the commands in order, one by one. * If the robot falls off the map or hits a wall, the run stops (Fail). * If the queue finishes and unlit blue tiles remain, the run stops (Fail). * If all blue tiles are yellow, the level is Complete (Win). ### 4. Mobile Controls & Interaction * **Screen Layout (Portrait Mode Preferred):** * *Top 50%: 3D Game View.* The isometric puzzle view. * *Bottom 50%: Programming Interface.* * **Control Scheme:** * **Command Palette:** A row of large, tap-friendly icons (minimum 48x48px) at the very bottom representing the available actions. * **Program Timeline:** A horizontal scrollable bar above the palette showing the current sequence of commands. * **Edit Actions:** Tapping an icon in the palette appends it to the timeline. Tapping an icon in the timeline removes it. * **Execution Controls:** A large, distinct Green "Play" button and a Red "Stop/Reset" button. * **Feedback:** * **Visual Debugging:** While the robot runs, the current command being executed in the UI timeline should highlight (glow border) so the player can debug their logic. * **Haptics:** Trigger a light vibration (using `navigator.vibrate` if available) when placing commands or when the robot successfully lights a tile. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

LightBot is a captivating programming puzzle game that combines entertainment with education. With a solid 3.5/5 rating from players, this brain teaser challenges you to guide a charming Robot Man through increasingly complex levels by programming his movements. Your mission is simple yet engaging: help the robot turn on all the lights in each level using basic programming commands.

The game serves as an excellent introduction to programming concepts without requiring any prior coding experience. Through intuitive drag-and-drop mechanics, players learn fundamental programming principles like sequencing, loops, and procedures while having fun solving puzzles.

Core Features

Educational Programming Experience

LightBot transforms complex programming concepts into accessible, visual challenges. Players learn:

  • Sequential Programming : Arrange commands in the correct order
  • Loop Logic : Use repetitive actions efficiently
  • Problem Solving : Break down complex tasks into simple steps
  • Logical Thinking : Plan ahead and debug solutions

Simple Yet Challenging Gameplay

The game features progressively difficult levels that keep players engaged:

  • Easy Learning Curve : Start with simple walk and light commands
  • Growing Complexity : Advanced levels introduce jumps, turns, and multi-step solutions
  • Visual Programming : Drag-and-drop interface makes coding accessible to all ages
  • Instant Feedback : See your robot execute commands immediately

Perfect for All Skill Levels

Whether you're a complete beginner or looking to refresh programming fundamentals, LightBot offers:

  • No Prerequisites : Zero programming knowledge required
  • All Ages Content : Suitable for children, students, and adults
  • Self-Paced Learning : Progress through levels at your own speed
  • Replayable Challenges : Try different solutions to the same puzzle

Game Mechanics

LightBot uses four basic commands that mirror real programming concepts:

  • Walk : Move the robot forward one tile
  • Turn : Rotate the robot 90 degrees
  • Jump : Leap to higher platforms
  • Light : Illuminate the current tile

These simple actions combine to create surprisingly complex puzzles that require careful planning and logical thinking.

Operation Guide

Getting Started

  1. Observe the Level : Study the grid layout and identify all light tiles
  2. Plan Your Route : Determine the path the robot needs to take
  3. Drag Commands : Pull programming blocks from the toolbar to the "Main Method" area
  4. Arrange Sequence : Order commands logically to achieve your goal
  5. Execute Program : Press "Go!" to watch your robot follow the instructions
  6. Debug and Retry : If unsuccessful, analyze what went wrong and adjust your code

Advanced Strategies

  • Use Procedures : Create reusable command sequences for complex movements
  • Optimize Solutions : Find the most efficient path using fewer commands
  • Plan Ahead : Consider the robot's orientation when placing turn commands
  • Think Step-by-Step : Break complex puzzles into smaller, manageable parts

Why Play LightBot

LightBot stands out as more than just a puzzle game—it's an educational tool disguised as entertainment. Here's why millions of players love it:

Educational Value

  • Programming Foundation : Learn core concepts used in all programming languages
  • Logical Reasoning : Develop systematic problem-solving skills
  • Spatial Awareness : Improve understanding of navigation and orientation
  • Persistence Training : Learn to debug and iterate solutions

Entertainment Factor

  • Addictive Gameplay : "Just one more level" progression keeps you engaged
  • Satisfying Solutions : Experience the joy of seeing your code work perfectly
  • Creative Freedom : Multiple solutions possible for most puzzles
  • Relaxing Pace : No time pressure allows thoughtful planning

Accessibility

  • Free to Play : Complete game experience without any cost
  • Browser-Based : No downloads or installations required
  • Cross-Platform : Works on computers, tablets, and smartphones
  • Intuitive Interface : Visual programming suitable for non-coders

Frequently Asked Questions (FAQ)