Block Champ - Strategic Tetris Puzzle Game

Seele01-Flash
By
Block Champ is an innovative 10x10 Tetris-style puzzle game that combines strategic thinking with classic block-clearing mechanics. Unlike traditional Tetris, you place blocks strategically on a grid without time pressure, clearing rows both horizontally and vertically.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Block Champ". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Modern, clean, and vibrant pseudo-3D aesthetic. Use `THREE.BoxGeometry` with slightly rounded corners (or standard boxes with bevel segments) to mimic the "gummy" look of the screenshot. * **Color Palette:** * **Background:** Deep purple/dark navy (e.g., #2A2349) to make pieces pop. * **Blocks:** Distinct, high-saturation colors for different shapes: Blue (#3498DB), Yellow (#F1C40F), Red/Pink (#E74C3C), Green (#2ECC71), Purple (#9B59B6). * **Grid:** A 10x10 dark grey grid (slightly lighter than background) recessed into the plane. * **Performance:** Use `THREE.InstancedMesh` for the static grid slots to reduce draw calls. Use simple Lambert or Phong materials for performance on mobile devices. * **Camera:** Use an **Orthographic Camera** to maintain the classic 2D puzzle feel while utilizing 3D depth for block shadows and placement animations. * **Effects:** Add a subtle glow or particle explosion (using simple `THREE.Points`) when rows are cleared. ### 2. Audio Requirements * **BGM:** A relaxing, lo-fi, or "Zen" electronic track that loops seamlessly. It should be non-intrusive to aid concentration. * **Sound Effects (SFX):** * **Pickup:** A soft "click" or suction sound when a player touches a block. * **Placement:** A solid, woody "thud" when a block is successfully dropped into the grid. * **Clear Line:** A satisfying, ascending chime or "shimmer" sound. * **Lightning Special:** A digital "zap" sound. * **Ice Special:** A cracking glass sound. * **Game Over:** A descending low-tone buzzer. ### 3. Gameplay Loop * **Core Mechanics:** * **Grid:** A 10x10 empty board. * **Spawning:** Three random block shapes (Tetrominoes and larger custom shapes) appear at the bottom of the screen. * **Placement:** Player drags shapes onto the grid. Shapes **cannot** be rotated. * **Clearing:** When a vertical column or horizontal row is completely filled, blocks disappear, and points are awarded. * **Special Blocks (Twists):** * **Lightning Tiles:** Occasionally spawn blocks with a "Lightning" texture. If 2 lightning blocks align in a row/column, clear that line immediately, even if not full. * **Frozen Tiles:** Occasionally spawn "Ice" blocks. When an Ice block is part of a cleared line, the block visually breaks but leaves a single tile behind (refills that spot), forcing the player to clear it again. * **Game Over Condition:** The game ends when the current pending shapes cannot fit anywhere on the remaining grid space. * **Scoring:** Score = (Number of blocks placed) + (Lines cleared × Multiplier). Bonus points for clearing multiple lines at once. ### 4. Mobile Controls & Interaction * **Touch Input:** Implement Raycasting for `touchstart`, `touchmove`, and `touchend` events. * **Drag Offset (Crucial):** When the user drags a block, render the block slightly **above** the touch point (y-axis offset). This ensures the player's finger does not obscure the block they are trying to place. * **Visual Feedback:** * **Ghost/Highlight:** When dragging a block over a valid grid position, highlight the grid cells underneath to show where it will snap. * **Invalid Placement:** If hovering over an invalid spot, dim the block or tint it red. * **Orientation:** Fixed **Portrait Mode** layout. The 10x10 grid occupies the upper 70% of the screen, and the shape selection area occupies the bottom 30%. * **UI Scaling:** Ensure the score display and "Restart" button are large enough for touch targets (min 44px height). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Block Champ

Block Champ revolutionizes the classic Tetris formula by removing time constraints and adding strategic depth to block-placing gameplay. This free online puzzle game challenges players to think tactically rather than react quickly, making it perfect for puzzle enthusiasts who prefer strategy over speed.

The game features a unique 10x10 grid system where you can clear lines both horizontally and vertically, offering more strategic possibilities than traditional Tetris games. With special blocks like lightning bolts and ice blocks, Block Champ provides fresh mechanics that keep the gameplay engaging and unpredictable.

Core Features

Strategic Gameplay Without Time Pressure

Unlike traditional Tetris games, Block Champ eliminates the pressure of falling blocks. You have unlimited time to consider your moves, making it ideal for players who enjoy thoughtful, strategic puzzle-solving.

Dual-Direction Line Clearing

Clear rows both horizontally and vertically on the 10x10 grid, providing multiple strategic options for every placement. This dual-direction system creates more opportunities for combo moves and higher scores.

Special Block Types

  • Lightning Blocks : When two lightning bolts align, they automatically clear a row without needing all spaces filled
  • Ice Blocks : These special blocks reproduce in the exact same location after a row is cleared, adding strategic complexity
  • Varied Block Sizes : Larger blocks than traditional Tetris pieces require careful spatial planning

Flexible Color Options

Choose between multicolored blocks for added visual appeal or single-color mode for easier gameplay and learning. This flexibility makes the game accessible to both beginners and experienced players.

Score Multiplier System

Advanced players can maximize their scores by clearing multiple lines simultaneously, activating score multipliers that reward strategic thinking and planning.

Gameplay Mechanics

How Block Placement Works

Instead of blocks falling from the top, you manually place each piece anywhere on the 10x10 board. This fundamental change transforms the game from a reaction-based challenge to a strategic puzzle.

Grid Management

Managing space on the limited 10x10 grid becomes crucial as larger blocks require more room. Blocks become greyed out when there's insufficient space, forcing you to clear lines strategically.

Winning Strategy

Success in Block Champ comes from: - Planning ahead for large block pieces - Creating opportunities for multiple line clears - Utilizing special blocks effectively - Maintaining open space for future pieces

Operation Guide

Mouse Controls : - Drag and Drop : Use the left mouse button to drag pieces from the selection area to your desired position on the grid - Placement : Release the mouse button to place the block in the chosen location

Game Interface : - 10x10 Grid : The main playing area where you place blocks - Piece Preview : Shows the next three pieces available for placement - Score Display : Tracks your current score and multiplier progress

Strategic Tips : - Always keep space available for larger pieces - Look for opportunities to clear multiple lines at once - Use lightning blocks strategically to clear difficult areas - Plan your ice block placements carefully as they will regenerate

Why Play Block Champ

Block Champ offers a perfect blend of familiar Tetris mechanics with innovative strategic elements. The game's relaxed pace makes it ideal for:

  • Puzzle Lovers : Strategic depth without time pressure stress
  • Casual Gamers : Easy-to-learn mechanics with room for mastery
  • Mobile Players : Optimized for both desktop and mobile devices
  • Score Chasers : Multiplier system rewards tactical gameplay

The game's free-to-play nature and browser-based accessibility mean you can enjoy strategic puzzle-solving anytime, anywhere, without downloads or installations.

Frequently Asked Questions (FAQ)