Hexa Sort - Color Matching Puzzle Game

Seele01-Flash
By
Hexa Sort is an addictive color matching puzzle game where you stack and sort hexagonal tiles on a strategic board. Featuring stunning 3D graphics and satisfying gameplay, it's perfect for both mental workouts and relaxing entertainment.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Hexa Sort". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Clean, minimalist, and vibrant "Hyper-casual" aesthetic. Use a bright, high-saturation color palette (Red, Blue, Yellow, Green, Purple) for the tiles against a soft, neutral background (light grey or creamy white) to ensure high contrast. * **Modeling:** * **Hexagon Tiles:** Use `ExtrudeGeometry` to create thick, 3D hexagonal tiles with slightly beveled edges (chamfer) to catch the light. * **Stacks:** Tiles must visually stack on top of each other. A grid cell can hold multiple tiles (layers). * **Grid:** A 19-space hexagonal grid layout (honeycomb shape). The slots should be indicated by slightly darker, depressed, or outlined hexagon shapes on the ground plane. * **Lighting & Effects:** * Use soft directional lighting combined with ambient light to create gentle shadows, emphasizing the height of the stacks. * **Mobile Optimization:** Use `InstancedMesh` for the hexagon tiles to minimize draw calls, as there will be hundreds of tiles on screen. Use simple materials (`MeshLambertMaterial` or `MeshStandardMaterial`) to keep shader costs low. ### 2. Audio Requirements * **BGM:** A soothing, repetitive, "Zen" puzzle track. Lo-fi beats or soft ambient chimes that encourage relaxation. * **SFX (Sound Effects):** * **Placement:** A satisfying, woody "thock" or "clack" sound when a stack is placed on the board. * **Sorting/Merging:** A rapid "whoosh" or "card shuffle" sound when tiles fly from one stack to another. * **Clear/Score:** A pleasant, high-pitched chime or "pop" sound when a color group is completed and cleared. * **UI:** Soft clicks for button presses. ### 3. Gameplay Loop * **Core Mechanic:** 1. **Spawn:** The player is presented with a "Hand" of 3 new stacks at the bottom of the screen. Each stack contains mixed colored tiles layered vertically. 2. **Placement:** The player drags a stack from the hand to an empty slot on the main 19-slot grid. 3. **Sorting Logic (Crucial):** Upon placement, the game checks all 6 adjacent neighbors. If a neighbor's *topmost* tile matches the *topmost* tile of the placed stack (or vice versa), the tiles animate (fly) to combine into a single stack. 4. **Layering:** Moving top tiles reveals the color underneath. This triggers a chain reaction check—if the newly revealed color matches a neighbor, they sort again. 5. **Clearing:** When a stack of a single color reaches a specific height (e.g., 10 tiles), it "completes," plays a particle effect, disappears, and awards points. * **Win/Loss:** The game is endless or level-based. The player loses if the grid is full and no moves are possible. ### 4. Mobile Controls & Interaction * **Controls:** * **Drag & Drop:** Implement Raycasting for touch events. The player touches a stack in the "Hand" and drags it to the board. * **Ghost/Preview:** While dragging, project a semi-transparent "Ghost" of the stack onto the grid slot underneath the finger to show valid placement. * **Snap:** If the player releases near a valid slot, the stack snaps into position. If invalid, it returns to the hand. * **Orientation:** Portrait Mode (Vertical) to allow for one-handed play. * **Camera:** Orthographic Camera tilted at roughly 45-60 degrees (Isometric view) to clearly show the depth of the stacks without perspective distortion. * **Feedback:** * **Haptics:** Trigger a short vibration (`navigator.vibrate`) when a stack snaps into place or when a merge occurs. * **Animation:** Use a tweening library (like GSAP) for smooth tile movement. Tiles should arc slightly when moving between stacks, not teleport. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Hexa Sort

Hexa Sort is a captivating puzzle-sorting game that combines strategic thinking with visually stunning 3D graphics. This brain-teasing challenge invites you to arrange colorful hexagonal tiles on a 19-space board, creating satisfying color matches through careful planning and strategic placement. With its perfect balance of excitement and relaxation, Hexa Sort has become a favorite among puzzle enthusiasts worldwide.

The game features a dazzling array of vibrant colors including bold blues, reds, yellows, greens, and more. Each hexagon comes with multiple layers of colors, adding depth and complexity to every move you make. The smooth 3D graphics and ASMR-inspired sound effects create an immersive experience that's both mentally stimulating and incredibly relaxing.

Core Features

Strategic Color Matching System

The heart of Hexa Sort lies in its innovative layered color system. Unlike simple matching games, each hexagon contains multiple color layers that must be strategically revealed and matched. This unique mechanic requires both foresight and precision, making every placement decision crucial to your success.

Stunning 3D Visual Design

Experience puzzle gaming like never before with Hexa Sort's sleek 3D graphics. The vibrant color palette and smooth animations make every move visually appealing, while the satisfying stacking effects provide instant gratification when you achieve successful matches.

Power-ups and Boosters

To keep gameplay engaging and help you overcome challenging situations, Hexa Sort includes exciting power-ups and boosters. These special tools give you strategic advantages when the board becomes too crowded or when you need to make precise color matches.

Cross-Platform Compatibility

Enjoy Hexa Sort on any device! The game runs perfectly on web browsers (both desktop and mobile), Android devices, and iOS platforms, ensuring you can play wherever and whenever inspiration strikes.

Gameplay Mechanics

Basic Rules

Your mission in Hexa Sort is to arrange hexagonal tiles by matching their colors on a strategic 19-space board. To clear tiles from the board, you must place hexagons of the same color close together. Once properly aligned and unobstructed, matching hexagons stack automatically with satisfying visual and audio effects.

Advanced Strategy

The real challenge comes from the multi-layered color system. To reveal and match colors underneath, you must first stack the top layers. This means strategic placement becomes essential - you'll need to position hexagons near similar colors to ensure cascading matches when upper layers are cleared.

Progression System

As you advance through levels, the puzzles become more complex with additional colors and more intricate layer combinations. The game rewards strategic thinking and careful planning, making each successful level completion feel incredibly satisfying.

Operation Guide

Controls

  • Mouse : Use the left mouse button to select and move hexagons
  • Touch : On mobile devices, simply tap and drag hexagons to desired positions
  • Placement : Drop hexagons onto the board by releasing the mouse button or lifting your finger

Tips for Success

  1. Plan Ahead : Always consider how current moves will affect future matching opportunities
  2. Layer Strategy : Focus on positioning similar colored tiles and all their layers as close as possible
  3. Clustering : Remember that tiles of the same shade will cluster together automatically when conditions are met
  4. Power-up Timing : Save boosters for particularly challenging situations
  5. Patience : Take time to analyze the board before making moves

Why Play Hexa Sort

Perfect Brain Training

Hexa Sort provides an excellent mental workout that improves strategic thinking, pattern recognition, and planning skills. The game's progressive difficulty ensures your cognitive abilities are constantly challenged and developed.

Stress Relief and Relaxation

Despite its strategic depth, Hexa Sort offers a remarkably calming gaming experience. The soothing gameplay, beautiful visuals, and satisfying sound effects make it perfect for unwinding after a busy day.

Completely Free Entertainment

Enjoy all of Hexa Sort's features without spending a penny. The game is completely free to play with no hidden costs or mandatory purchases, making premium puzzle gaming accessible to everyone.

Suitable for All Ages

Whether you're a casual gamer looking for light entertainment or a serious puzzle enthusiast seeking deep strategic challenges, Hexa Sort adapts to your skill level and preferences. Its intuitive controls make it easy for anyone to start playing immediately.

Frequently Asked Questions (FAQ)