BlockBuster Puzzle

Seele01-Flash
By
BlockBuster Puzzle is an addictive Tetris-style block puzzle game where you strategically place colorful geometric shapes to clear lines and unlock new challenges. Free to play with vibrant graphics and endless puzzle-solving fun.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "BlockBuster Puzzle". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Juicy" 2.5D Arcade style. Use an Orthographic Camera to keep the grid perfectly square and viewable without perspective distortion. * **The Grid:** A 10x10 main board (dark purple/indigo background `0x2a0e45`). The grid cells should have a slight inner shadow or darker border to distinguish positions clearly. * **The Blocks:** Create individual "Tetromino-style" shapes (L, T, Z, Square, Line, etc.) composed of smaller unit cubes. * **Material:** Shiny, plastic-like material (MeshPhongMaterial) with beveled edges (use `ExtrudeGeometry` with bevel enabled or `BoxGeometry` with texture edges). * **Colors:** Vibrant palette – Red, Cyan, Orange, Yellow, Green, Purple. Assign specific colors to specific shapes (e.g., Square is always Yellow). * **Lighting:** Soft Ambient Light (0.6 intensity) + Directional Light from top-left to create subtle shadows and specular highlights on the blocks. * **Particles:** Simple particle explosion (tiny cubes or sparks) using `THREE.Points` when a line is cleared. * **Mobile Optimization:** Use instanced mesh (`THREE.InstancedMesh`) for the grid cells and static blocks to reduce draw calls. Keep polygon count low per block unit. ### 2. Audio Requirements * **BGM:** A relaxing, lo-fi hip-hop or ambient electronic track. It should be non-intrusive and loop seamlessly to encourage focus without anxiety (since there is no time limit). * **Sound Effects (SFX):** * **Pick Up:** A high-pitched "pop" or "whoosh" when a block is touched. * **Place:** A solid "thud" or "click" when a block snaps into the grid. * **Line Clear:** A satisfying "shattering glass" or "chime" sound. * **Combo/Multi-line:** An ascending major chord or fanfare that gets higher with more simultaneous lines cleared. * **Game Over:** A descending, low-tone "thud". ### 3. Gameplay Loop * **Spawn Logic:** Three random shapes appear in a "Docking Area" below the main grid. The player must drag and place these onto the grid. * **Placement Rules:** * Blocks can be placed anywhere there is empty space. * Blocks *cannot* be rotated (classic mode) or overlapped. * Once placed, blocks are locked until cleared. * **Clearing Logic:** Check the grid after every placement. If a row (horizontal) or column (vertical) is completely filled, that line disappears, and the remaining blocks **do not** fall (unlike Tetris). * **Refill:** The Docking Area only refills with 3 new shapes once **all 3** current shapes have been placed. * **Scoring:** * +10 points for placing a block. * +100 points for clearing a line. * Multiplier x2 for clearing 2+ lines at once (Combo). * **Game Over:** Check at the start of every turn. If there is no valid space on the grid for *any* of the remaining shapes in the Docking Area, the game ends. ### 4. Mobile Controls & Interaction * **Touch Input & Raycasting:** * Implement `pointerdown`, `pointermove`, and `pointerup` events. * **Offset Dragging:** This is critical for mobile. When the player touches a block to drag it, render the block slightly *above* their finger (Y-offset) so the player's finger doesn't hide the block they are trying to place. * **Screen Orientation:** **Portrait Mode** is mandatory. * Top 15%: Score and Best Score UI. * Middle 60%: The 10x10 Grid (maximize width with padding). * Bottom 25%: The Docking Area for the 3 selectable blocks. * **Visual Feedback:** * **Ghost/Shadow:** When dragging a block over the grid, show a semi-transparent "ghost" of the block snapped to the nearest valid grid position to indicate where it will land. * **Invalid State:** If dragging over an invalid spot (occupied or out of bounds), tint the block slightly red or lower its opacity. * **Haptics:** Trigger `window.navigator.vibrate(50)` on successful block placement and `vibrate([50, 50, 50])` on line clears. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About BlockBuster Puzzle

BlockBuster Puzzle is a captivating block puzzle game that combines the classic appeal of Tetris with modern colorful graphics and strategic gameplay. This free-to-play puzzle game challenges players to arrange geometric shapes on a game board to create complete horizontal lines that disappear when filled.

Unlike traditional falling-block games, BlockBuster Puzzle gives you time to think and plan your moves strategically. You'll work with various geometric shapes displayed on the side of the screen, each requiring careful placement to maximize your score and clear the board efficiently.

Core Features

Strategic Puzzle Gameplay

BlockBuster Puzzle offers a refreshing take on block puzzle mechanics. Instead of racing against falling blocks, you have unlimited time to consider each move, making it perfect for players who enjoy thoughtful, strategic puzzle solving.

Colorful Block Varieties

The game features vibrant, eye-catching blocks in multiple colors and geometric shapes. Some special blocks are adorned with jewels that provide bonus points, adding an extra layer of strategy to your gameplay decisions.

Progressive Difficulty System

As you advance through levels, new realms and challenges unlock, keeping the gameplay fresh and engaging. Each realm introduces unique visual themes while maintaining the core puzzle mechanics you love.

Combo System and Scoring

Master the art of combo moves by clearing multiple lines simultaneously with a single block placement. These combos significantly boost your score and add satisfying visual effects to your successful strategies.

Helpful Game Features

The game includes useful tools like board clearing options and undo moves to help you out of difficult situations. Built-in tutorials guide new players through the mechanics and strategies.

Game Mechanics

Block Placement Strategy

Success in BlockBuster Puzzle requires careful planning and spatial awareness. You must analyze the available geometric shapes and determine the optimal placement to create complete horizontal lines without gaps.

Line Clearing System

When you successfully fill a complete horizontal line with blocks, that entire line disappears from the board, earning you points and creating space for new blocks. The key is to plan multiple line clears with strategic block placement.

Special Scoring Opportunities

Look for jeweled blocks that offer bonus points when cleared. Plan your moves around these high-value pieces to maximize your score and climb the leaderboards.

Operation Guide

Mouse Controls

  • Left Click : Select and interact with game elements
  • Click and Drag : Pick up blocks from the side panel and place them on the game board
  • Menu Navigation : Use mouse clicks to access game options and settings

Basic Gameplay Steps

  1. Select a Block : Click on any geometric shape from the side panel
  2. Position Strategically : Drag the block to your desired position on the game board
  3. Create Complete Lines : Arrange blocks to fill entire horizontal rows without gaps
  4. Clear Lines : Watch as completed lines disappear and earn points
  5. Continue Playing : Repeat the process to achieve higher scores and unlock new content

Pro Tips for Success

  • Plan several moves ahead to avoid getting stuck with unusable block combinations
  • Prioritize clearing multiple lines simultaneously for combo bonuses
  • Save space for larger geometric shapes by maintaining open areas on the board
  • Focus on jeweled blocks when available for maximum point potential

Why Play BlockBuster Puzzle

Perfect for All Skill Levels

Whether you're a puzzle game novice or a seasoned block-matching expert, BlockBuster Puzzle offers an accessible yet challenging experience. The unlimited time format makes it ideal for players who prefer strategic thinking over fast reflexes.

Stress-Free Gaming Experience

With no time pressure or rushing mechanics, you can enjoy a relaxing puzzle session at your own pace. This makes it perfect for unwinding after a busy day or engaging your brain during break times.

Cross-Platform Accessibility

Play directly in your web browser on desktop or mobile devices without any downloads. The game runs smoothly on all modern browsers, ensuring you can enjoy puzzle solving wherever you are.

Brain Training Benefits

Regular play helps improve spatial reasoning, pattern recognition, and strategic planning skills. It's entertainment that also exercises your mind and enhances cognitive abilities.

Free and Accessible

Enjoy the complete BlockBuster Puzzle experience without any cost. No hidden fees, no premium content locks – just pure puzzle gaming fun available to everyone.

Frequently Asked Questions (FAQ)