Color Water Sort 3D

Seele01-Flash
By
Color Water Sort 3D is a vibrant puzzle game that challenges your strategy and patience. Sort colored water into correct tubes, one color at a time, in this relaxing yet engaging brain teaser.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Color Water Sort 3D". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Clean, Minimalist 3D Hyper-casual aesthetic. High contrast is essential for mobile visibility. Use a dark matte background (e.g., `#1a1a1a`) to make the colors pop and save battery on OLED screens. * **Tube Models**: Use `THREE.CylinderGeometry`. The material should be `THREE.MeshPhysicalMaterial` with transmission/transparency enabled to simulate glass. Add a subtle white rim at the top. * **Liquid Representation**: Inside each tube, generate separate cylinder meshes for each color layer. They must fit perfectly inside the glass tube. Use vibrant, saturated colors (Neon Blue, Bright Red, Lime Green, Orange, Purple). * **Pouring Animation**: When pouring, create a dynamic "stream" mesh (a thin curved cylinder or tube following a Bezier curve) connecting the mouth of the source tube to the destination tube to simulate fluid flow. * **Mobile Optimization**: Keep polygon count low (e.g., `radialSegments: 32` for tubes). Use a single directional light combined with ambient light to ensure good depth without expensive shadow calculations. ### 2. Audio Requirements * **BGM**: A relaxing, "Zen" style ambient track. Soft synth pads or a slow lo-fi beat. It should be non-intrusive and loop seamlessly. * **Sound Effects (SFX)**: * **Selection**: A soft "pop" or glass "clink" when a tube is tapped and lifted. * **Pouring**: A satisfying liquid pouring sound (water flowing) that plays while the animation runs. * **Invalid Move**: A subtle dull "thud" or negative buzz if the player tries to pour into a full tube or mismatched color. * **Win**: A bright, ascending chime or arpeggio when a level is cleared. ### 3. Gameplay Loop * **Data Structure**: Represent each tube as an array (Stack LIFO logic). Max capacity per tube is 4 units of liquid. * **Game Rules**: 1. The player selects a "Source" tube. 2. The player selects a "Destination" tube. 3. **Validation**: Liquid can only move if: * The Destination tube is empty OR * The top color of the Destination matches the top color of the Source AND the Destination has space (less than 4 units). 4. **Action**: Move all matching top-layer colors from Source to Destination until Source runs out of that color or Destination fills up. * **Win Condition**: All tubes are either completely empty or completely full with only **one** unique color. * **Level Generation**: Start with a solvable scrambled state. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode** (Vertical) is mandatory to accommodate multiple tubes side-by-side or in rows on a phone screen. * **Touch Input**: * **Tap-to-Select**: Tapping a tube lifts it upwards (y-axis translation) by 0.5 units to indicate selection. * **Tap-to-Pour**: Tapping a second tube triggers the pour animation. * **Deselect**: Tapping the selected tube again drops it back down. * **Haptic/Visual Feedback**: * If a move is invalid, the selected tube should do a quick "shake" animation (rotate slightly left/right) instead of pouring. * Use `window.navigator.vibrate(10)` for light haptic feedback on selection. * **UI Layout**: * Place a "Level" indicator at the top center. * Place a "Restart/Reset" button at the top right (ensure touch target is at least 44x44px). * Ensure the camera FOV captures all tubes within the screen width without horizontal scrolling. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Color Water Sort 3D

Color Water Sort 3D is a captivating puzzle game that combines strategy, logic, and visual satisfaction. In this colorful brain teaser, your mission is to sort mixed colored water into separate tubes, creating pure single-colored containers. What begins as a simple task gradually evolves into complex challenges as you encounter more tubes and color combinations with each level.

The game features stunning 3D visuals with vibrant colors that make each level visually appealing and satisfying to complete. The smooth water-pouring mechanics and realistic physics create an immersive experience that's both relaxing and mentally stimulating.

Core Features

Engaging Puzzle Mechanics

The core gameplay revolves around strategic thinking and careful planning. You must analyze the current state of all tubes and determine the optimal sequence of moves to achieve perfect color separation. Each pour must be calculated, as wrong moves can lead to dead ends.

Progressive Difficulty System

Starting with simple 3-4 tube configurations, the game gradually introduces: - More tubes : Increasing complexity with additional containers - More colors : Greater variety requiring enhanced strategy - Limited moves : Advanced levels with move restrictions - Special challenges : Unique puzzle variations to test your skills

Relaxing Gaming Experience

Despite being mentally challenging, Color Water Sort 3D maintains a calm, stress-free atmosphere. The smooth animations, pleasant sound effects, and satisfying visual feedback create a meditative gaming experience perfect for unwinding.

Free Browser Gaming

Enjoy unlimited access without downloads or installations. The game runs smoothly in any modern web browser, making it instantly accessible on computers, tablets, and smartphones.

Gameplay Strategy

Basic Rules

  • Only pour water if the top colors match
  • You can only pour into tubes that aren't completely full
  • Water can only be poured from the top of one tube to another
  • Complete levels by sorting all colors into separate tubes

Winning Tips

  • Plan ahead : Visualize several moves in advance
  • Create empty spaces : Use empty tubes strategically as temporary storage
  • Work backwards : Sometimes start with the final goal in mind
  • Stay patient : Rushing often leads to mistakes and restarts

Controls and Operation

Mouse Controls (Desktop) : - Left Click : Select source tube - Left Click : Select destination tube to pour water - Drag and Drop : Alternative pouring method

Touch Controls (Mobile) : - Tap : Select tubes for water transfer - Touch and Hold : Preview pour action - Swipe : Navigate through game menus

The intuitive control scheme ensures smooth gameplay across all devices, whether you're playing on a computer or mobile device.

Why Play Color Water Sort 3D

Perfect Brain Training : This game excellently combines entertainment with cognitive exercise. Regular play can improve: - Logical thinking and problem-solving skills - Pattern recognition and visual analysis - Strategic planning and foresight abilities - Patience and focus in challenging situations

Stress Relief : The combination of beautiful visuals, smooth animations, and satisfying completion sounds creates a genuinely relaxing experience. It's perfect for taking breaks from work or unwinding after a long day.

Accessibility : Being completely free and browser-based means you can enjoy this game anywhere, anytime, without commitments or downloads. The progressive difficulty ensures both beginners and puzzle veterans find appropriate challenges.

Social Gaming : Challenge friends and family to see who can complete levels faster or with fewer moves, adding a competitive element to the relaxing gameplay.

Frequently Asked Questions (FAQ)