Fun Water Sorting - Color Puzzle Game

Seele01-Flash
By
Fun Water Sorting is a relaxing color puzzle game where you sort colorful liquids into tubes. Use logic and strategy to organize different colored waters until each tube contains only one color.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Fun Water Sorting 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Kawaii" (Cute) Cartoon 3D. High saturation, pastel color palette (Hot Pink, Cyan, Bright Yellow, Purple). The aesthetic should match the provided screenshot: glossy, sparkling, and cheerful. * **Tubes (Containers):** Create `CylinderGeometry` objects with `MeshPhysicalMaterial` to simulate glass (high transmission, low roughness). Add a distinct blue rim (Torus) at the top of each tube. * **Liquids:** Inside the tubes, use slightly smaller cylinders to represent liquid layers. Use a custom ShaderMaterial or shiny `MeshStandardMaterial` that supports bright colors and a "glossy/jelly" look. * **Mascot:** Include a 2D Sprite or a simple 3D plane of the "White Cat" (from the reference) positioned at the bottom of the screen. The cat should play a simple bounce animation when a level is completed. * **Effects:** * **Pouring Arc:** When moving liquid, generate a dynamic mesh or particle stream following a Bezier curve from the source tube to the destination tube. * **Sparkles:** Particle system explosion (star shapes) when a tube is successfully filled with a single color. * **Performance (Mobile):** Use instanced meshes for liquid segments if possible. Limit tube radial segments to 32. Avoid expensive real-time shadows; use baked ambient occlusion or a simple directional light. ### 2. Audio Requirements * **BGM:** A cozy, lo-fi beat or gentle marimba melody. It must be looping and non-intrusive, similar to "Animal Crossing" or casual puzzle games. * **Sound Effects (SFX):** * **Selection:** A soft "Pop" or "Bubble" sound when a tube is tapped. * **Pouring:** A liquid flowing sound (`glug-glug`) that plays only while the animation is active. * **Completion:** A magical chime or harp glissando when a color is sorted. * **Error:** A gentle, low-pitched "thud" or vibration sound if a move is invalid. * **Win:** A cheerful fanfare. ### 3. Gameplay Loop * **Data Structure:** Represent the level as an array of stacks (e.g., `[[Red, Red, Blue, Yellow], [Yellow, Blue], [], []]`). * **Logic:** 1. **Select:** Player taps a source tube. Check if it has liquid. 2. **Target:** Player taps a destination tube. 3. **Validation:** A move is valid ONLY if: * The destination tube is empty OR * The top color of the destination matches the top color of the source AND the destination is not full (max capacity usually 4 units). 4. **Action:** Move the top color segment(s) from source to destination. * **Win Condition:** Check if every tube is either 100% empty or 100% full of a single color. * **Features:** * **Undo:** A button to reverse the last array operation. * **Add Tube:** A button to add an extra empty temporary tube (helper). ### 4. Mobile Controls & Interaction * **Orientation:** **Portrait Mode** (Vertical) is mandatory to accommodate vertical tubes and hold the phone comfortably with one hand. * **Input System:** Use `Raycaster` on `touchstart` (and `click` for desktop fallback). * **Gestures:** * **Tap to Select:** The selected tube should visually animate "up" (translate Y axis +0.5 units) to indicate it is active. * **Tap to Drop:** Tapping another tube triggers the pour. * **Tap Background:** Deselects the current tube. * **UI Layout:** * Place the "Undo", "Restart", and "Hint" buttons in the **bottom 20%** of the screen (Thumb Zone). * Buttons must have a minimum touch target of 48x48px. * **Feedback:** * **Haptics:** Trigger `navigator.vibrate(50)` on a successful move and `navigator.vibrate([50, 50, 50])` on an invalid move (if supported). * **Visual Cue:** If a move is invalid, shake the source tube slightly (sine wave rotation on Z-axis). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Fun Water Sorting is a captivating color puzzle game that combines logic, strategy, and visual appeal in one delightful package. This brain-training puzzle challenges you to sort colorful liquids by carefully pouring them between tubes until each container holds only one pure color. With its soothing gameplay and progressive difficulty, it's perfect for puzzle enthusiasts of all ages.

The game features a charming kawaii-style design with a cute cat character and sparkling visual effects that make the sorting process both satisfying and visually appealing. Each level presents a new arrangement of mixed colored liquids that require careful planning and logical thinking to solve.

Core Features

Relaxing Puzzle Gameplay

Enjoy stress-free puzzle solving with no time limits or pressure. The game encourages thoughtful planning and provides a meditative experience as you watch the colorful liquids flow and separate.

Smart Help System

  • Hint Feature : Get helpful suggestions when you're stuck on challenging levels
  • Undo Function : Reverse your last move if you make a mistake
  • Progressive Difficulty : Start with simple 3-color puzzles and advance to complex multi-color challenges

Beautiful Visual Design

Feat colorful, gradient liquids with realistic physics effects that make pouring satisfying to watch. The cute cat mascot and sparkling animations add charm to every level.

Brain Training Benefits

This puzzle game enhances: - Logical thinking and problem-solving skills - Color recognition and pattern matching abilities - Strategic planning and spatial reasoning - Concentration and focus through mindful gameplay

How to Play

The gameplay mechanics are simple yet engaging:

  1. Select a Tube : Click or tap on any tube containing mixed liquids
  2. Choose Destination : Click on another tube to pour the top liquid layer
  3. Follow the Rules : You can only pour liquid onto the same color or into an empty tube
  4. Complete the Level : Sort all liquids so each tube contains only one color
  5. Use Help : Access hints or undo moves when needed

Strategic Tips

  • Always plan several moves ahead before pouring
  • Use empty tubes strategically as temporary storage
  • Start by identifying which colors have the most liquid
  • Don't rush - take time to analyze each level

Game Controls

Desktop : Use your mouse to click and select tubes Mobile : Simply tap to select and pour between tubes

The intuitive one-click control system makes the game accessible on all devices without any learning curve.

Why Play Fun Water Sorting?

Perfect for Everyone

This game appeals to a wide audience: - Casual gamers looking for relaxing entertainment - Puzzle lovers who enjoy logic challenges - Students wanting to improve cognitive skills - Anyone seeking stress relief through mindful gaming

Completely Free

Enjoy the full game experience without any cost. No hidden fees, subscriptions, or premium content barriers.

Cross-Platform Compatibility

Play seamlessly across all your devices - desktop computers, laptops, smartphones, and tablets. Your progress syncs automatically through your browser.

Educational Value

While entertaining, the game also develops important cognitive skills including logical reasoning, pattern recognition, and strategic thinking.

Whether you're looking for a quick mental break or an extended puzzle session, Fun Water Sorting delivers a perfect blend of challenge and relaxation that keeps players coming back for more colorful sorting fun!

Frequently Asked Questions (FAQ)