Cubinko - Block Puzzle Game

Seele01-Flash
By
Cubinko is an addictive block puzzle game that combines strategic thinking with satisfying visual effects. Drag, rotate, and match colorful blocks to create chains and watch explosive color combinations light up your screen.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Cubinko: The Ink Block Puzzle**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: "Juicy" 2.5D Isometric aesthetic. The look should be clean, flat-shaded, and vibrant, similar to modern vector UI but rendered in 3D. * **The Grid**: Create a central 8x8 game board. The slots should look like shallow, recessed pockets (soft shadows) on a white surface. * **The Blocks**: Generate rounded, chamfered cubes (bevel geometry). They should have a "toon" shader effect with **thick black outlines** (using `Three.LineSegments` or edge geometry) to mimic the reference image's sticker-like style. * **Colors**: Use a high-saturation palette: Electric Blue, Hot Pink, Bright Yellow, and Mint Green. * **Symbols**: Embed simple white geometry icons on top of blocks (Lightning Bolt, Circle, Star, Diamond) corresponding to their color. * **Background**: A white/off-white background featuring a scrolling, low-opacity texture of "doodle" sketches (musical notes, clouds, lightning bolts) to match the game's creative vibe. * **Particles**: When blocks match and clear, spawn an explosion of small cubes or ink-splatter sprites in the corresponding color. ### 2. Audio Requirements * **BGM**: A laid-back, "brain-training" style track. Think minimal pizzicato strings or soft marimbas. It should be repetitive but relaxing, encouraging focus. * **SFX**: * *Pickup*: A soft "pop" or suction sound. * *Rotate*: A mechanical "click" or ratchet sound. * *Place*: A satisfying, heavy "thud" or "snap" sound when a block locks into the grid. * *Match/Clear*: A high-pitched, glass-shattering or bubbly "ink splash" sound followed by a rising chime. ### 3. Gameplay Loop * **The Mechanic**: This is a "Place and Clear" puzzle. * **Spawning**: Three random shapes (Polyominoes composed of 1 to 4 colored blocks) appear in a "Dock" area at the bottom of the screen. * **Placement**: The player drags these shapes onto the grid. Shapes must fit into empty slots. * **Matching**: Unlike Tetris, this is a color-match game. When 3 or more blocks of the **same color** are placed adjacent to each other (horizontally or vertically), they pop and disappear, earning points. * **Chain Reactions**: If clearing blocks causes other blocks to fall (optional gravity mechanic) or if placement creates multiple matches, award combo multipliers. * **Win/Loss**: The game is endless. The game ends when there is no space on the board to place any of the remaining shapes in the Dock. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode** (Vertical) is mandatory for one-handed play. * **Touch Controls**: * **Tap (in Dock)**: Tapping a shape in the bottom dock rotates it 90 degrees. * **Drag & Drop**: Dragging a shape moves it. A "Ghost" of the shape should appear on the grid to show where it will snap before the user releases their finger. * **Offset Dragging**: When the user drags a piece, render the piece slightly *above* the touch point so the user's finger doesn't obscure the view of where they are placing it. * **Feedback**: * **Haptics**: Trigger a light vibration (`navigator.vibrate(5)`) when a piece snaps into a valid grid position, and a heavier vibration when blocks are cleared. * **Visuals**: Highlight valid grid slots in green and invalid ones in red during the drag phase. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Cubinko is a captivating block puzzle game that challenges your spatial reasoning and pattern recognition skills. This colorful puzzle experience combines the classic appeal of match-3 gameplay with innovative drag-and-drop mechanics, creating a uniquely satisfying gaming experience that keeps players engaged for hours.

The game features vibrant, gradient-colored blocks with a distinctive lightning bolt design that creates stunning visual effects when matched. Each successful combination triggers explosive color animations that provide instant gratification and encourage continued play.

Core Features

Innovative Block Mechanics

Unlike traditional match-3 games, Cubinko allows you to drag and rotate blocks freely before placing them on the board. This added dimension of control gives you strategic flexibility to plan your moves and create more complex chain reactions.

Satisfying Visual Feedback

Every successful match triggers spectacular color explosions that light up the screen. The gradient-colored blocks with lightning bolt designs create mesmerizing visual effects that make each victory feel rewarding and impressive.

Progressive Difficulty

As you advance through levels, the puzzle complexity increases with more challenging block arrangements and limited space, testing your ability to think several moves ahead and optimize your placement strategy.

Brain Training Benefits

Cubinko serves as an excellent brain training exercise , improving spatial awareness, pattern recognition, and strategic planning skills while providing entertainment.

Gameplay Mechanics

Chain Creation System

The core objective is to create consecutive chains using identical block types . When three or more matching blocks connect, they clear from the board and award points based on chain length and complexity.

Strategic Block Placement

Success requires careful consideration of: - Block rotation angles for optimal fit - Available board space management
- Future move planning to maintain combo opportunities - Color pattern recognition for maximum scoring

Operation Guide

Basic Controls

  • Left Mouse Button : Rotate blocks to find the perfect angle
  • Click and Drag : Move blocks around the board to desired positions
  • Strategic Placement : Position blocks to create matching groups of three or more

Winning Strategy Tips

  1. Plan Ahead : Consider how each placement affects future move possibilities
  2. Rotate First : Always check different rotation angles before final placement
  3. Create Combos : Look for opportunities to trigger multiple matches simultaneously
  4. Manage Space : Keep the board organized to maintain placement options

Why Play Cubinko

Perfect for All Skill Levels

Whether you're a puzzle game veteran or newcomer, Cubinko's intuitive controls and progressive difficulty make it accessible to everyone while providing sufficient challenge for experienced players.

Stress-Free Gaming

With no time pressure or lives system, you can play at your own pace, making it perfect for relaxation, commute entertainment, or quick mental breaks.

Completely Free Experience

Enjoy the full game experience without any cost. No hidden fees, no premium content locks - just pure puzzle entertainment accessible through your web browser.

Cross-Platform Compatibility

Play seamlessly on desktop computers, tablets, and smartphones. The game adapts perfectly to different screen sizes while maintaining smooth, responsive controls.

Mental Exercise Benefits

Regular play helps improve cognitive functions including: - Spatial reasoning : Visualizing how pieces fit together - Pattern recognition : Identifying matching opportunities quickly
- Strategic thinking : Planning optimal move sequences - Focus and concentration : Maintaining attention on complex puzzles

Frequently Asked Questions (FAQ)