Blockbuster Jewel Quest

Seele01-Flash
By
Blockbuster Jewel Quest is an innovative puzzle game that combines jewel matching with strategic block placement. Place polynominal shapes on a grid to clear entire rows and columns for maximum points.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Blockbuster Jewel Quest". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A 2.5D "Jewel Block Puzzle" aesthetic. The camera should be orthographic, fixed at a top-down angle (slightly tilted to show depth). The overall tone is vibrant, glossy, and arcade-like with a dark, high-contrast background. * **Grid Board:** A 10x10 translucent grid plane. The grid slots should have a faint inner glow or bevel effect to distinctively mark drop zones. * **Jewel Blocks:** Create individual cubic geometries with chamfered edges to simulate cut gemstones. Use `MeshPhysicalMaterial` with high roughness and metalness to simulate a glassy/gemstone look. Colors should be vibrant (Ruby Red, Sapphire Blue, Emerald Green, Amethyst Purple, Topaz Yellow). * *Construction:* The draggable shapes (Polyominoes) are aggregates of these individual jewel cubes. * **Particle Effects:** Implementation of a lightweight particle system (using `THREE.Points`) for line clears. Particles should look like shattered glass or sparkling dust. * **Mobile Optimization:** Use `InstancedMesh` for the grid and static blocks to minimize draw calls. Limit real-time lights; use a static environment map (HDRI) for reflections to ensure 60FPS on mobile devices. ### 2. Audio Requirements * **BGM:** A relaxing yet engaging "Synth-Pop" or "Ethereal" loop that aids concentration. It should not be repetitive or annoying. * **Sound Effects (SFX):** * **Pick Up:** A high-pitched, crisp "whoosh" or crystal chime. * **Drop/Place:** A solid, satisfying "thud" or stone-on-stone click. * **Line Clear:** A rewarding "glass shattering" or magical crescendo sound. Pitch should increase if multiple lines are cleared simultaneously (Combos). * **Invalid Move:** A low-frequency "buzzer" or dull thud. * **Game Over:** A slowing-down pitch effect followed by a dramatic chord. ### 3. Gameplay Loop * **Spawn Mechanic:** Three random Polyomino shapes (Tetris-like shapes: L, T, Square, I, etc.) spawn at the bottom of the screen in a "dock" area. * **Placement Logic:** The player drags a shape from the dock onto the 10x10 grid. The shape can only be placed if the grid cells are empty. * **Clearing Logic:** When a row or column is completely filled with blocks, that line "vaporizes" (clears), granting points and freeing up space. * **Scoring:** * 10 points per block placed. * 100 points per line cleared. * Multipliers for clearing multiple lines at once. * **Game Over Condition:** The game checks after every move if the remaining shapes in the dock can fit anywhere on the grid. If no valid moves are possible, the game ends. ### 4. Mobile Controls & Interaction * **Touch Controls:** Implement a robust Drag-and-Drop system using `THREE.Raycaster`. * **Touch Offset:** Crucial for mobile—when the user drags a block, the block should render slightly *above* the touch point (y-axis offset) so the user's finger does not obscure the placement area. * **Visual Feedback (Ghosting):** When dragging a shape over the grid, highlight the underlying grid cells (e.g., turn them white or glow) to indicate where the block will land if released. Snapping logic is required. * **Orientation:** Portrait mode (Vertical) is mandatory for this genre. The grid occupies the upper 70%, the block dock occupies the lower 30%. * **Haptic Feedback:** Trigger `navigator.vibrate(20)` on a successful block drop and `navigator.vibrate([50, 50, 50])` on a line clear (if supported). * **UI:** Large, thumb-friendly Restart and Pause buttons (min 44x44px tap area). Score display typically at the top center. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Blockbuster Jewel Quest is a revolutionary puzzle game that reimagines the classic jewel-matching genre with strategic block placement mechanics. Rated 4.657/5 by players, this free browser game offers a unique twist on traditional puzzle gaming that will challenge your spatial reasoning and strategic thinking skills.

Unlike conventional match-3 jewel games, Blockbuster Jewel Quest requires you to strategically place various polynominal shapes onto a massive grid system. The objective is to fill complete rows and columns, causing them to vaporize and earn you valuable points.

Core Features

Strategic Block Placement Gameplay

The game centers around placing different geometric shapes onto a grid board. Each shape has a unique configuration that must be carefully considered before placement. Success depends on your ability to visualize how shapes will fit together and plan several moves ahead.

Dynamic Scoring System

Points are awarded only when you successfully clear entire rows or columns. This creates an engaging risk-reward dynamic where hasty placement can lead to grid congestion, while strategic thinking leads to spectacular chain reactions and high scores.

Progressive Challenge Levels

As you advance through the game, the available shapes become more complex and the grid fills up faster. This progressive difficulty ensures that both beginners and puzzle veterans will find appropriate challenges.

Free Browser-Based Gaming

Blockbuster Jewel Quest is completely free to play and runs directly in your web browser. No downloads, installations, or registration required - simply open the game and start playing immediately.

Cross-Platform Compatibility

The HTML5 technology ensures smooth performance across all devices, from desktop computers to smartphones and tablets. Your progress saves automatically, allowing you to continue your puzzle quest wherever you are.

Game Mechanics

Shape Placement Strategy

Each turn presents you with a selection of polynominal shapes that must be placed on the grid. These shapes vary in size and configuration, from simple straight lines to complex L-shapes and squares. The key to success lies in:

  • Analyzing available space on the grid
  • Identifying potential row and column completions
  • Planning multiple moves ahead to avoid grid congestion
  • Maximizing point opportunities through strategic placement

Row and Column Clearing

When you successfully fill an entire horizontal row or vertical column with blocks, that line vaporizes and disappears, freeing up space for future moves. This mechanic creates satisfying moments of accomplishment while providing strategic relief from grid pressure.

Game Over Conditions

The game ends when you can no longer place any of the available shapes on the grid. This creates constant tension as the grid fills up, requiring careful resource management and forward planning to achieve high scores.

Operation Guide

Desktop Controls

  • Mouse : Point and click to select and place shapes
  • Drag and Drop : Pick up shapes and position them precisely on the grid
  • Rotation : Some shapes can be rotated for optimal placement

Mobile Controls

  • Touch : Tap to select shapes from the available options
  • Drag : Use your finger to move shapes around the screen
  • Precise Placement : Touch and hold for accurate positioning on the grid

Gameplay Tips

  • Always scan for immediate clearing opportunities before placing shapes
  • Try to maintain open spaces for larger, more complex shapes
  • Look for opportunities to clear multiple rows or columns simultaneously
  • Don't rush - take time to consider all placement options

Why Play Blockbuster Jewel Quest

Unique Gaming Experience

This game successfully bridges the gap between casual jewel games and strategic puzzle challenges. It offers the familiar satisfaction of clearing rows while demanding the forward-thinking strategy of games like Tetris.

Mental Exercise

Regular play helps develop spatial reasoning, pattern recognition, and strategic planning skills. It's an excellent brain training exercise disguised as entertaining gameplay.

Accessible Yet Challenging

While easy to learn, the game provides virtually unlimited replay value through its scoring system and increasingly challenging shape combinations. Each game session offers a fresh puzzle experience.

Perfect for Any Schedule

Whether you have 5 minutes or an hour, Blockbuster Jewel Quest adapts to your available time. Quick sessions provide satisfying puzzle solving, while longer play sessions allow for high score chasing and skill development.

Community and Competition

The high scores feature allows you to compete with other players globally, adding a competitive element that extends the game's longevity and replay appeal.

Frequently Asked Questions (FAQ)