Blocky 3 - Puzzle Game

Seele01-Flash
By
Blocky 3 is a charming and easy-to-learn block puzzle game where you match same colored corners to make blocks disappear. Perfect for puzzle lovers of all ages looking for a relaxing gaming experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Blocky 3". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a glossy, "Frutiger Aero" aesthetic reminiscent of early 2010s web games. The scene should be clean, high-contrast, and "cute." * **Block Models:** Use `THREE.BoxGeometry` with slightly beveled edges (rounded cubes) to look soft and toy-like. * **Materials:** Use `THREE.MeshPhysicalMaterial` to achieve a shiny, plastic look (high roughness, clearcoat). There are two main block colors: **Red** and **Blue**. * **Textures:** Every block must have a "Sad Face" texture applied to the top face (two eyes, downturned mouth), matching the screenshot. * **Background:** Instead of pure black, use a very dark radial gradient (Dark Gray to Black) or a subtle grid floor to provide depth without distraction. * **Particles:** When blocks are cleared, generate simple cube particles that explode outward and fade away. * **Performance:** Use `InstancedMesh` if possible for the blocks to ensure 60FPS on mobile devices, or keep geometry simple (low polygon count on bevels). ### 2. Audio Requirements * **BGM:** A looping, "Cute" and "Easy" style track. Think simple marimba, pizzicato strings, or a light chiptune beat that sounds inquisitive but not stressful. * **Sound Effects (SFX):** * **Select:** A high-pitched "bloop" or suction cup sound. * **Clear/Success:** A satisfying "pop" or bubble wrap burst sound. * **Invalid Move:** A low-pitched, dull "thud" or "uh-oh" sound. * **Win:** A short triumphant jingle. ### 3. Gameplay Loop * **Grid Setup:** Generate a grid of blocks (e.g., 8x10) with random Red and Blue distribution. * **The "Corner" Mechanic:** 1. The player taps a block to select it (visually highlight it). 2. The player taps a *second* block of the same color. 3. These two blocks define the opposite corners of a rectangle. 4. **Validation:** The game checks if *all* blocks inside this rectangular area are the same color. 5. **Action:** If valid, all blocks in that rectangle vanish. If invalid (mixed colors inside), the selection resets. * **Gravity:** When blocks are cleared, remaining blocks above them should fall down to fill the empty space. Empty columns should shift to the left (standard tile-matching physics). * **Win/Loss:** The goal is to clear the entire board. If no valid moves remain and blocks are still present, it is a "Game Over." ### 4. Mobile Controls & Interaction * **Input System:** Do not use mouse events; use `touchstart` and `touchend` listeners exclusively for raycasting. * **Raycasting:** Implement a precise Raycaster that detects touches on the top face of the blocks. Increase the hit-box size slightly if necessary to accommodate "fat finger" inputs. * **Visual Feedback:** * **Selection:** When the first corner is tapped, the block should pulse or glow. * **Preview (Optional):** If the user drags their finger, show a highlight rectangle indicating the potential selection area. * **Camera:** Set up a fixed `PerspectiveCamera` at an isometric-style angle (looking down at roughly 45 degrees) to match the screenshot's perspective, ensuring the entire grid fits within the safe area of a vertical mobile screen (Portrait Mode preferred, but responsive adaptation is best). * **UI:** Add a floating "Restart" button at the bottom of the screen (min-height 44px for touch targets). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Blocky 3 is a delightful block puzzle game that combines simple mechanics with engaging gameplay. With a 3.2/5 rating and suitable for all ages, this cute puzzle game offers a perfect balance of challenge and relaxation. The game's minimalist design and intuitive controls make it accessible to players of all skill levels.

Core Features

Simple Yet Addictive Gameplay

The core mechanic is beautifully simple: grab blocks with same colored corners and watch them disappear from the grid. This straightforward concept creates surprisingly engaging puzzle scenarios that will keep you coming back for more.

Perfect for All Ages

Rated for all ages, Blocky 3 is designed to be enjoyed by children and adults alike. The cute visual style and easy-to-understand rules make it an ideal family-friendly puzzle game.

Browser-Based Gaming

  • Completely Free : No downloads or purchases required
  • Instant Play : Start playing immediately in your web browser
  • Cross-Platform : Works on computers, tablets, and mobile devices
  • No Installation : Access the game anytime, anywhere with internet

Relaxing Puzzle Experience

Unlike fast-paced action games, Blocky 3 offers a calm, meditative puzzle-solving experience. Take your time to analyze the board and plan your moves without pressure or time limits.

Game Mechanics

The gameplay revolves around a simple yet clever color-matching system. Players must identify blocks that share the same colored corners and select them to remove them from the playing field. This creates a satisfying chain reaction as remaining blocks settle into new positions, potentially creating new matching opportunities.

Strategic Thinking

While the rules are simple, mastering Blocky 3 requires strategic thinking. You'll need to: - Analyze color patterns across the game board - Plan multiple moves ahead - Look for cascading opportunities - Maximize your score through efficient block removal

Why Play Blocky 3

Stress-Free Gaming

In a world full of high-intensity games, Blocky 3 provides a welcome break. The gentle pace and cute aesthetics create a stress-free environment perfect for unwinding after a long day.

Brain Training Benefits

  • Pattern Recognition : Improve your ability to spot color patterns
  • Strategic Planning : Develop forward-thinking skills
  • Visual Processing : Enhance spatial awareness and visual analysis
  • Problem Solving : Exercise logical thinking in a fun context

Accessibility Features

  • Easy-to-see color differences for better accessibility
  • Simple click-based controls requiring no complex key combinations
  • Clear visual feedback for all interactions
  • Suitable for players with varying levels of gaming experience

Perfect for Quick Sessions

Blocky 3 is ideal for both quick gaming breaks and longer puzzle-solving sessions. Whether you have 5 minutes between meetings or want to spend an hour relaxing with puzzles, the game adapts to your available time.

Frequently Asked Questions (FAQ)