Blix - Color Block Puzzle Game

Seele01-Flash
By
Blix is an engaging color block puzzle game where you help colored blocks line up to create matches of three in a row. Simple to learn but challenging to master!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Blix". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Minimalist Puzzle. The look should be a modern update to the 2005 classic—sleek, neon-retro, and clean. * **Camera:** Fixed Orthographic camera slightly tilted to give a 3D depth perception to the blocks without distorting the grid alignment. * **Game Board:** A dark, matte charcoal background plate. * **The Blocks:** Use `BoxGeometry` with beveled edges. Materials should be `MeshPhysicalMaterial` with slight transmission (glass-like) or high gloss plastic (Red, Green, Blue, Yellow). * **The Buttons:** On the left side of the grid, place a vertical column of circular, orange mechanical buttons (`CylinderGeometry`). These act as the actuators for the rows. * **Lighting:** Soft Ambient light combined with a Point light following the mouse/touch input to create dynamic specular highlights on the glossy blocks. * **Optimization:** Use a single geometry for all blocks and clone materials to maintain high performance (60fps) on mobile browsers. ### 2. Audio Requirements * **BGM:** A chill, rhythmic "Intelligent Dance Music" (IDM) or Lo-fi synth track. It should be repetitive but not annoying, aiding concentration. * **SFX - Button Press:** A satisfying mechanical "click" or "clunk" sound when a row actuator is pressed. * **SFX - Sliding:** A short "whoosh" or servo motor sound as blocks shift. * **SFX - Match:** A harmonious, polyphonic chime or glassy "ping" when 3 blocks align. * **SFX - Error:** A dull thud if a move is invalid (optional). ### 3. Gameplay Loop * **Grid Setup:** Generate a 6x6 grid of colored blocks. On the left side of each row, there is a corresponding interaction button. * **Mechanic:** The player taps an orange button on the left. This causes that specific row of blocks to shift one unit to the right. The block that falls off the right edge wraps around and reappears on the left side (Cyclic Shift). * **Goal:** The player must align 3 or more blocks of the same color vertically (columns) or horizontally (rows). * **Scoring & Clearing:** When a match is detected: 1. The matched blocks highlight/glow. 2. They disappear (scale down to 0). 3. New random blocks spawn to fill the gaps (or blocks above fall down, classic match-3 style). 4. Score increments. ### 4. Mobile Controls & Interaction * **Touch Controls:** The game must rely entirely on Raycasting for touch events. * **Hit Testing:** The orange buttons on the left must have an invisible hit-box larger than their visible geometry (minimum 44x44px equivalent) to ensure easy tapping on small screens. * **Orientation:** Portrait mode is preferred. The grid should scale width-wise to fit the mobile screen, leaving space at the top for the Score UI. * **Feedback:** * **Visual:** When a button is pressed, it should physically depress (tween Z-position) and rebound. * **Haptic:** Trigger `navigator.vibrate(20)` on every button press for tactile confirmation. * **Animation:** Block movement must be smooth (using GSAP or a lerp function), not instant snapping. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Blix is a captivating color block puzzle game that combines simple mechanics with addictive gameplay. With a rating of 2.9/5 from puzzle enthusiasts, this game offers a straightforward yet engaging challenge where your goal is to help colored blocks align perfectly. The game's charm lies in its simplicity - just get three blocks of the same color in a row to clear them and advance.

Core Features

Simple One-Click Gameplay

Blix uses an intuitive mouse-click control system that makes it accessible to players of all ages. No complex key combinations or difficult maneuvers - just point, click, and watch the colorful blocks move into position.

Colorful Visual Design

The game features bright, vibrant colored blocks that are easy to distinguish and pleasant to look at. The clean interface ensures you can focus on the puzzle-solving without distractions.

All-Ages Content

Rated for all ages, Blix is a family-friendly puzzle game that can be enjoyed by children and adults alike. It's perfect for quick brain training sessions or longer puzzle-solving marathons.

Browser-Based Convenience

Play instantly in your web browser without any downloads or installations. The game loads quickly and runs smoothly on both desktop and mobile devices.

Game Mechanics

The core gameplay revolves around strategic block placement and color matching. You'll need to think ahead and plan your moves carefully to create the perfect three-in-a-row combinations. As you progress, the challenge increases, requiring more strategic thinking and forward planning.

Match-3 Strategy

While the concept is simple - match three blocks of the same color in a row - the execution requires skill and strategy. Each move affects the entire board, so careful planning is essential for success.

Operation Guide

Mouse Controls : The entire game is controlled with simple mouse clicks - Left Click : Select and activate blocks - Point and Click : Navigate through the game interface - No Keyboard Required : Pure mouse-based gameplay for maximum accessibility

The intuitive control scheme means you can start playing immediately without learning complex control combinations. Simply click on the blocks you want to manipulate and watch them move into position.

Why Play Blix

Perfect for Quick Gaming Sessions

With its simple mechanics and quick rounds, Blix is ideal for short breaks, commute entertainment, or whenever you need a brief mental challenge.

Brain Training Benefits

Puzzle games like Blix help improve pattern recognition, strategic thinking, and problem-solving skills. It's entertainment that exercises your mind.

Stress-Free Gaming

The relaxed pace and colorful visuals make Blix a great stress-relief game. No time pressure or intense action - just pure, meditative puzzle-solving.

Universal Appeal

Whether you're a puzzle game veteran or a complete beginner, Blix offers an appropriate challenge level that grows with your skills.

Frequently Asked Questions (FAQ)