10x10! Classic

Seele01-Flash
By
10x10! Classic is the original and most challenging version of the popular grid puzzle game. Inspired by Tetris, this game challenges you to strategically place colorful blocks on a 10x10 grid while clearing rows to maximize your score.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "10x10! Classic". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist, clean, and colorful 3D aesthetic. Use an **Orthographic Camera** to ensure the grid perspective remains consistent and easy to read on small screens. * **The Grid**: A 10x10 base grid. Each cell should be a slightly recessed light grey square (e.g., `#f0f0f0`) with a darker grey background (`#e0e0e0`) to create a "slot" appearance. * **The Blocks**: * Create "Polyomino" shapes (Tetris-like shapes: single blocks, lines, L-shapes, squares). * Style: Beveled cubes (rounded edges) or slightly chamfered `BoxGeometry` to look tactile and "juicy". * Colors: High saturation, candy-like colors (Cyan, Red, Orange, Green, Purple, Blue) distinct for each shape type. * Material: `MeshStandardMaterial` with moderate roughness and metalness to catch light without being too distracting. * **Lighting**: Soft, shadow-casting directional light (top-left) combined with ambient light to ensure no geometry is hidden in darkness. * **Performance**: Use **InstancedMesh** for the placed blocks on the grid to optimize performance on mobile devices when the board gets full. ### 2. Audio Requirements * **BGM**: A "Zen Focus" track. Soft, repetitive, ambient electronic melody that encourages logical thinking without causing stress. * **Sound Effects (SFX)**: * **Pickup**: A soft "pop" or suction sound when the player touches a shape. * **Place**: A solid "thud" or plastic click when a shape snaps into the grid. * **Line Clear**: A satisfying, ascending chime or "sweep" sound. * **Combo**: Higher pitch variations if multiple lines are cleared at once. * **Game Over**: A descending, low-energy tone. ### 3. Gameplay Loop * **Spawn Mechanism**: The game presents **3 random shapes** at the bottom of the screen (the "Hand" area). The player must place these shapes onto the board. New shapes only spawn after all 3 current shapes are used. * **Placement Logic**: * Player drags a shape from the bottom to the grid. * The shape can only be placed if the target cells are empty. * **Snap-to-grid**: When released near valid cells, the shape snaps into position. * **Scoring & Clearing**: * Unlike Tetris, gravity does **not** apply. Blocks stay where they are placed. * When a Row (horizontal) OR Column (vertical) is completely filled, the blocks in that line disappear/animate out. * Points are awarded for placing blocks + bonus points for clearing lines. * **Game Over Condition**: Triggered when none of the 3 available shapes can fit anywhere on the current grid. ### 4. Mobile Controls & Interaction * **Input Method**: Raycasting for Touch (Mobile) and Mouse (Desktop). * **Drag Offset**: **Crucial for Mobile**: When the player drags a block, render the active block slightly **above** the touch point (Y-axis offset) so the player's finger does not obscure the grid where they are trying to place the block. * **Orientation**: Portrait mode is preferred. * Top 75%: The 10x10 Grid. * Bottom 25%: The spawn area for the 3 shapes. * **UI/UX**: * **Scoreboard**: A clean UI overlay at the very top showing "Score" and "Best". * **Visual Feedback**: When dragging a shape over the grid, project a "ghost" shadow on the valid grid slots to show exactly where it will land. If the move is invalid, tint the ghost shape red. * **Vibration**: Trigger `navigator.vibrate(10)` on successful placement and `navigator.vibrate([30, 50, 30])` on line clear. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

10x10! Classic is the definitive puzzle gaming experience that brings the beloved mechanics of Tetris to a unique 10x10 grid format. This challenging brain teaser combines strategic thinking with quick decision-making as you work to fill the grid with various shaped blocks while keeping the board clear.

The game features vibrant, colorful blocks that come in different formations and shapes. Your objective is simple yet increasingly difficult: place these blocks strategically on the 10x10 grid to create complete horizontal or vertical lines, which then disappear and increase your score.

Core Features

Classic Grid-Based Gameplay

Unlike traditional falling-block Tetris, 10x10! Classic gives you full control over block placement. You can take your time to analyze the board and plan your moves strategically, making it perfect for players who enjoy thoughtful puzzle-solving.

Stunning Visual Design

The game features bright, colorful 3D-style blocks with smooth animations and clean graphics. Choose between bright and dark lighting themes to customize your visual experience and reduce eye strain during extended play sessions.

Progressive Challenge System

As you advance, the game becomes increasingly challenging. The variety of block shapes and the limited grid space create engaging puzzles that test your spatial reasoning and planning abilities.

Infinite Gameplay

With no time limits or level restrictions, you can play at your own pace and focus on achieving your personal best score. The game continues until the grid fills completely, encouraging multiple attempts to improve your strategy.

Game Mechanics

Strategic Block Placement

Each turn presents you with different colored blocks in various Tetris-like shapes. You must carefully consider where to place each piece to maximize your scoring opportunities while keeping space available for future blocks.

Line Clearing System

When you successfully fill a complete row or column with blocks, that line disappears from the grid, earning you points and creating valuable space for additional pieces. The more lines you clear simultaneously, the higher your score multiplier.

Grid Management

The key to success lies in efficient grid management. You must balance immediate scoring opportunities with long-term board positioning to avoid filling the grid completely.

Operation Guide

Simple Controls

The game uses intuitive drag-and-drop controls: - Mouse Control : Click and drag blocks from the selection area to your desired position on the 10x10 grid - Placement : Simply drag the left mouse button to move blocks and release to place them - Visual Feedback : The game provides clear visual indicators showing valid placement positions

Gameplay Strategy

  1. Analyze Available Blocks : Before placing any piece, examine all available blocks to plan your moves
  2. Prioritize Line Clearing : Focus on creating complete rows or columns to maintain grid space
  3. Corner Strategy : Utilize corners and edges effectively to maximize space efficiency
  4. Plan Ahead : Consider how current placements will affect future block options

Why Play This Game

Perfect for All Skill Levels

Whether you're a puzzle game beginner or a Tetris veteran, 10x10! Classic offers an accessible yet challenging experience. The game's mechanics are easy to learn but difficult to master, providing long-term engagement.

Mental Exercise

This game serves as an excellent brain training tool, improving spatial reasoning, pattern recognition, and strategic planning skills. Regular play can enhance cognitive flexibility and problem-solving abilities.

Stress-Free Gaming

Without time pressure or complex controls, 10x10! Classic provides a relaxing yet engaging gaming experience. It's perfect for quick breaks or extended puzzle sessions.

Universal Appeal

The game's colorful, family-friendly design and simple mechanics make it suitable for players of all ages. It's an excellent choice for casual gaming sessions or competitive score challenges with friends and family.

Free and Accessible

Enjoy the complete game experience without any cost. Play directly in your browser without downloads, installations, or hidden fees.

Frequently Asked Questions (FAQ)