Blue - Puzzle Game

Seele01-Flash
By
Blue is an engaging color-based logic puzzle game that challenges you to turn the entire screen blue across 25 increasingly difficult levels. Each level presents unique mechanics and creative solutions.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "blue" (inspired by Bart Bonte's color puzzle series). Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist, abstract, and flat design. The core aesthetic relies on high contrast between a vivid **"Bonte Blue" (#0044FF)** and **Pure White (#FFFFFF)**. * **Camera & Perspective**: Use an **Orthographic Camera** to simulate a 2D flat vector look while utilizing Three.js performance. The camera should be fixed. * **Geometry & Models**: * Use procedural geometry (`RingGeometry`, `CircleGeometry`, `PlaneGeometry`) to create abstract shapes (pac-man shapes, triangles, bars). * **Screenshot Recreation**: For the level shown in the reference, generate a 4x4 grid of white "Pac-man" shapes (circles with a sector removed) and small triangles between them. * **Optimization**: Use `InstancedMesh` for grid-based levels to reduce draw calls on mobile devices. Materials should be `MeshBasicMaterial` (unlit) to maintain the clean vector look and ensure high FPS on mobile browsers. Use high-precision anti-aliasing. ### 2. Audio Requirements * **BGM**: A smooth, "cool jazz" loop. Think upright bass, light percussion, and a saxophone melody. It should feel relaxed, intellectual, and slightly noir. * **Sound Effects (SFX)**: * **Interaction**: A crisp, short "wood block" or "finger snap" sound when tapping shapes. * **Success**: A satisfying "chime" or a short saxophone riff when the screen becomes fully blue. * **Transition**: A "whoosh" sound for level transitions. ### 3. Gameplay Loop * **Core Concept**: The goal of every level is to make the entire screen **BLUE**. Each level presents a unique logic puzzle to achieve this (e.g., removing white objects, filling them with blue, covering them up). * **Level Framework**: * Create a modular `LevelManager` that can switch between different puzzle logic types. * **Level 1 (Demo - Based on Screenshot)**: A pattern rotation puzzle. A 4x4 grid of white Pac-man shapes. Tapping a shape rotates it 90 degrees. Tapping the small triangles between them rotates the adjacent shapes. **Win Condition**: Rotate all shapes inward until they form solid circles or disappear, turning the area blue. * **Level 2 (Toggle)**: A grid of buttons where clicking one toggles its neighbors (Lights Out style). * **Win State**: When the visual goal is met (screen is blue), trigger a particle confetti effect (blue particles), play the success sound, wait 1.5 seconds, and load the next level. ### 4. Mobile Controls & Interaction * **Touch Controls**: * Implement `Raycaster` for precise touch detection. * Support both `touchstart` and `mousedown` events to ensure responsiveness on mobile without the 300ms click delay. * **Screen Adaptation**: * **Portrait Mode Priority**: Design the grid to fit within a vertical aspect ratio, but scale dynamically for desktop. * Keep the gameplay area centered with a safe margin from screen edges (notch/home bar safe zones). * **UI Elements**: * Place a small "Level Indicator" (e.g., "1") in the top center. * Add a "Reset" icon (bottom right) and a "Hint" bulb icon (bottom left). * Ensure all touch targets are at least **44x44 pixels**. * **Feedback**: * **Visual Juice**: When a shape is tapped, it should briefly scale down to 0.9x and back to 1.0x (tween animation) to simulate a tactile button press. * **Haptics**: Trigger `navigator.vibrate(15)` on every valid interaction for tactile feedback. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Blue Puzzle Game

Blue is a captivating color-based logic puzzle game that will test your problem-solving skills across 25 meticulously crafted levels. This minimalist puzzle experience focuses on one simple yet challenging objective: make the entire screen turn blue. Despite its apparent simplicity, each level introduces unique mechanics and increasingly complex puzzles that will keep you engaged for hours.

The game features clean, geometric visuals with white shapes against vibrant backgrounds, creating an aesthetically pleasing and distraction-free puzzle environment. As part of a popular color puzzle series, Blue offers both accessibility for casual players and depth for puzzle enthusiasts.

Core Features

Progressive Difficulty System

Blue starts with simple introductory puzzles and gradually introduces more complex mechanics. Each of the 25 levels presents a unique challenge, ensuring that players never encounter repetitive gameplay. The difficulty curve is carefully designed to be challenging yet fair, allowing players to learn and master new concepts progressively.

Minimalist Design Philosophy

The game embraces a clean, minimalist aesthetic that puts the focus entirely on puzzle-solving. The stark white geometric shapes against colored backgrounds create visual clarity, making it easy to understand game mechanics without unnecessary distractions.

Innovative Puzzle Mechanics

Each level in Blue introduces creative ways to manipulate colors and shapes. Players might need to click shapes to rotate them, trigger chain reactions, or discover hidden patterns. The variety in puzzle mechanics keeps the gameplay fresh and surprising throughout all 25 levels.

Instant Feedback System

The game provides immediate visual feedback for every action, helping players understand cause and effect relationships. This instant response system makes experimentation enjoyable and helps players learn the rules of each new puzzle type quickly.

Gameplay Mechanics

Objective and Rules

Your primary goal is simple: make the entire screen blue. However, achieving this objective requires careful observation, logical thinking, and sometimes creative experimentation. Each level has its own set of rules and mechanics that you'll need to discover and master.

Interactive Elements

The game features various interactive white shapes and elements that respond to mouse clicks. These might include: - Rotating geometric shapes - Toggleable elements - Chain-reaction triggers - Pattern-based switches - Color transformation mechanisms

Problem-Solving Approach

Success in Blue requires both logical analysis and creative thinking. Players must observe patterns, understand spatial relationships, and sometimes think outside conventional puzzle-solving approaches.

Controls and Operation

Simple Mouse Controls

Blue uses exclusively mouse-based controls, making it accessible to players of all ages and skill levels. Simply: - Click on interactive elements to activate them - Observe how elements respond to your clicks - Experiment with different clicking sequences and patterns - Think about the logical relationships between different elements

The intuitive control scheme means you can focus entirely on puzzle-solving without worrying about complex input methods.

Platform Compatibility

Browser-Based Gaming

Blue runs perfectly in modern web browsers without requiring any downloads or installations. The game is optimized for smooth performance across different devices and browser types.

Cross-Platform Support

While the browser version offers 25 engaging levels, the game is also available on mobile platforms with expanded content. The web version provides the complete core experience that showcases the game's innovative puzzle design.

Why Play Blue?

Perfect for Puzzle Enthusiasts

If you enjoy logic puzzles, spatial reasoning challenges, or minimalist game design, Blue offers an ideal gaming experience. The game respects your intelligence and provides genuinely challenging puzzles without resorting to arbitrary difficulty.

Stress-Free Gaming

With no time limits, lives system, or pressure mechanics, Blue allows you to solve puzzles at your own pace. This makes it perfect for relaxation, mental exercise, or brief gaming sessions during breaks.

Educational Value

Blue subtly teaches logical thinking, pattern recognition, and spatial reasoning skills. These cognitive benefits make it an excellent choice for players looking to exercise their minds while having fun.

Accessibility and Convenience

The game's browser-based nature means you can play instantly without downloads, registrations, or complex setup procedures. Simply open your browser and start solving puzzles immediately.

Part of a Beloved Series

As part of the popular color puzzle series, Blue maintains the high quality and innovative design that players have come to expect from these games. If you've enjoyed other entries in the series, Blue will not disappoint.

Frequently Asked Questions (FAQ)