Card Shuffle Sort - Color Sorting Puzzle Game

Seele01-Flash
By
Card Shuffle Sort is an engaging color sorting puzzle game that combines strategic thinking with relaxing gameplay. Sort colorful cards by organizing them strategically while enjoying beautiful visuals and increasingly challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Card Shuffle Sort". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual, clean, and vibrant 3D aesthetic. The background should be a matte dark grey (`#222222`) to ensure high contrast for the colored cards. * **Card Models**: The "cards" should not be flat planes, but rather thick, rounded rectangular tiles (resembling Mahjong tiles or plastic slabs). Use `RoundedBoxGeometry` for smooth edges. * **Color Palette**: Use high-saturation, distinct colors for the card types: Ruby Red, Emerald Green, Royal Blue, Sunflower Yellow, and Amethyst Purple. The material should be `MeshStandardMaterial` with moderate roughness (0.4) and metalness (0.1) to simulate smooth plastic. * **Environment Layout**: Arrange card stacks on a grid of simple, dark grey pedestals/bases. * **Camera**: Use an **Orthographic Camera** to ensure the grid remains consistent and easy to tap across different mobile screen aspect ratios. Set a fixed angle (approx 60 degrees downward) to show the 3D depth of the stacks. * **Performance**: Use simple geometry. Avoid heavy real-time shadows; use baked ambient occlusion or a simple directional light plus ambient light setup to maintain high FPS on mobile browsers. ### 2. Audio Requirements * **BGM**: A calming, Lo-Fi or Zen-style ambient track. It should be repetitive but non-intrusive to aid concentration. * **SFX - Selection**: A soft "pop" or "whoosh" sound when a card is selected/lifted. * **SFX - Placement**: A satisfying, tactile "clack" (like a plastic tile hitting a table) when a card lands on a stack. * **SFX - Error**: A subtle low-pitch "thud" or a visual wiggle if the player tries an invalid move. * **SFX - Win**: A bright, ascending major chord chime when a level is completed. ### 3. Gameplay Loop * **Core Mechanic**: A classic "Tower of Hanoi" or "Water Sort" logic adapted for cards. 1. The game starts with multiple stacks of mixed-colored cards. 2. The player can move the top card(s) from one stack to another. 3. **Constraint**: A card can only be placed on top of a card of the **same color** or onto an **empty base**. * **Shuffle Mechanic (Optional Polish)**: If the player is stuck, include a logic to shuffle the positions of the cards currently on the board (keeping the same total count). * **Win Condition**: The level is cleared when all cards are sorted into stacks of a single color (e.g., one full stack of Red, one full stack of Blue). * **Level Progression**: Start with 3 stacks and 2 colors, increasing the number of stacks and color variety as the user progresses. ### 4. Mobile Controls & Interaction * **Input Method**: Raycasting with `touchstart` support. * **Action**: "Tap to Select, Tap to Place" (Two-step interaction). Drag-and-drop is often buggy in web browsers on mobile due to scrolling interference, so tap-based is preferred. * **Visual Feedback**: * When a stack is tapped, the top available card(s) should visually lift up (`y` axis translation) to indicate selection. * The path of the card moving from Stack A to Stack B should be a smooth parabolic arc (using a Tweening library like GSAP or TWEEN.js) rather than linear teleportation. * **Orientation**: Portrait Mode (Vertical) optimized. * **UI/UX**: * Ensure the grid fits within the safe area of modern phones (avoid notches). * Include a "Restart" button in the top right corner (min-size 44x44px for touch targets). * Add a subtle vibration (Haptic Feedback) using `navigator.vibrate(50)` upon a successful card placement. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Card Shuffle Sort is a beautifully crafted puzzle game that challenges players to organize colorful cards through strategic sorting. This calming yet mentally stimulating game combines the satisfaction of organization with the challenge of problem-solving, making it perfect for players who enjoy both relaxation and brain training.

The game features vibrant, eye-catching card designs in multiple colors including red, blue, green, purple, orange, and more. Each level presents a unique sorting challenge that requires careful planning and strategic thinking to complete successfully.

Core Features

Smart Puzzle Mechanics

Card Shuffle Sort offers intuitive gameplay that's easy to learn but challenging to master. The game progressively increases in difficulty, introducing new sorting patterns and more complex arrangements as you advance through the levels.

Beautiful Visual Design

Enjoy stunning graphics with vibrant colors and smooth animations. The card designs are carefully crafted to be both visually appealing and functionally clear, making it easy to distinguish between different colored cards during gameplay.

Daily Challenges

Stay engaged with fresh daily challenges that offer unique sorting puzzles and special rewards. These rotating challenges provide new content regularly, ensuring you always have something new to solve.

Cross-Platform Compatibility

Play seamlessly across all your devices - whether on desktop computer, smartphone, or tablet. The game automatically adapts to your screen size for optimal gameplay experience on any platform.

Completely Free to Play

Enjoy the full Card Shuffle Sort experience without any cost. No hidden fees, no required purchases - just pure puzzle-solving fun accessible to everyone.

Game Mechanics

The objective is simple yet engaging: arrange cards by color through strategic moves. You'll need to think several steps ahead, considering how each move affects the overall arrangement. The challenge lies in finding the most efficient path to organize all cards properly.

Each level starts with a mixed arrangement of colored cards. Your goal is to sort them into organized groups or specific patterns, depending on the level requirements. As you progress, levels become more complex with additional colors and more intricate sorting requirements.

Controls Guide

Mouse Control : Use the left mouse button to select and move cards. Simply click on a card and drag it to your desired position.

Touch Control : On mobile devices, tap and drag cards with your finger for intuitive touch-based sorting.

The controls are designed to be responsive and precise, allowing for smooth card manipulation across all supported platforms.

Why Play Card Shuffle Sort

Perfect Brain Training

Card Shuffle Sort provides excellent mental exercise by challenging your organizational skills, pattern recognition, and strategic planning abilities. It's an ideal way to keep your mind sharp while having fun.

Stress Relief and Relaxation

The game's calming nature makes it perfect for unwinding after a busy day. The satisfying process of organizing cards combined with beautiful visuals creates a meditative gaming experience.

Suitable for All Ages

With its simple mechanics and family-friendly content, Card Shuffle Sort is enjoyable for players of all ages. Whether you're a puzzle game veteran or new to the genre, you'll find the learning curve comfortable and rewarding.

No Time Pressure

Take your time to think through each move. There are no strict time limits, allowing you to play at your own pace and truly enjoy the problem-solving process.

Progressive Difficulty

The carefully designed difficulty curve ensures you're always appropriately challenged without feeling overwhelmed. Each new level builds upon previous concepts while introducing fresh elements to keep the gameplay interesting.

Frequently Asked Questions (FAQ)