Rainblox

Seele01-Flash
By
Rainblox is an engaging match-3 block puzzle game that combines classic matching mechanics with strategic stacking gameplay. Play instantly in your browser for free!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Rainblox". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Kawaii" (cute) 3D aesthetic. Bright, high-saturation colors (Red, Orange, Yellow, Green, Blue, Purple). * **Block Models:** Use `THREE.BoxGeometry` but with visual "softness" (can be achieved via textures with rounded borders or slight beveling). Each block must have a cute, simple face texture (two eyes, small mouth) drawn on the front face. * **Background:** A static or slowly scrolling gradient sky (Light Blue `0x87CEEB` to White). Include a large, decorative 3D arch/rainbow in the distant background behind the game grid. Low-poly clouds floating slowly. * **Performance (Mobile):** Use a single `InstancedMesh` for the blocks if possible to reduce draw calls, or keep geometry simple. Use basic `Lambert` or `Phong` materials for performant lighting. ### 2. Audio Requirements * **BGM:** Fast-paced, happy, arcade-style chiptune music that loops. * **SFX:** * **Spawn:** A soft "whoosh" when new rows appear. * **Tap/Select:** A "bop" sound. * **Clear/Match:** A high-pitched, satisfying "pop" or bubble-burst sound. * **Game Over:** A slow, descending scale or "sad trombone". ### 3. Gameplay Loop * **Core Mechanic (Collapse/Clicker Style):** 1. **Raining Blocks:** Colored blocks fall from the top of the screen into a grid (e.g., 6 columns wide). 2. **Stacking:** Blocks stack up from the bottom. Gravity applies (if a block below is removed, blocks above fall down). 3. **Matching:** The player taps on any block. If the tapped block is connected (horizontally or vertically) to 2 or more blocks of the same color, the entire group bursts and disappears. 4. **Difficulty:** The rate at which new blocks spawn increases over time. * **Win/Loss:** There is no "win," only a high score. **Game Over** occurs if any column stacks up to the top of the screen. * **Scoring:** $10 \times (\text{number of blocks popped})^2$. Encourage large groups. ### 4. Mobile Controls & Interaction * **Touch Controls:** * Use `Raycaster` attached to `touchstart` (not just `click`) events for instant mobile response. * Detect which block in the grid was tapped. * **Screen Adaptation:** * **Portrait Mode preferred.** The camera needs to be Orthographic (`THREE.OrthographicCamera`) to keep the grid straight and readable on different phone aspect ratios. * Ensure the game grid fits within the width of the screen with small margins. * **Feedback:** * **Visual:** When a group is tapped, spawn simple particle explosion (colored squares) at that location before removing the blocks. * **Haptic:** Trigger `navigator.vibrate(50)` (if available) when a successful match is made. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Rainblox is a captivating match-3 puzzle game that puts a fresh spin on the classic genre. With its colorful block-based gameplay and intuitive stacking mechanics, this free browser game offers hours of addictive entertainment. Rated 4.26 out of 5 stars by players worldwide, Rainblox delivers the perfect blend of strategy and quick thinking that puzzle game enthusiasts crave.

Core Features

Innovative Match-3 Mechanics

Unlike traditional match-3 games, Rainblox introduces unique block stacking elements that add depth to every move. Match three or more blocks of the same color to clear them from the board and earn points.

Instant Play Technology

  • No Download Required : Launch directly in your web browser
  • HTML5 Powered : Smooth performance across all modern devices
  • Cross-Platform Compatible : Works perfectly on desktop and mobile
  • Free to Play : Enjoy the complete game experience without any cost

Strategic Stacking System

The game's signature feature combines traditional matching with vertical stacking mechanics, creating multiple layers of strategic gameplay that challenge both beginners and puzzle masters.

Game Mechanics

Rainblox challenges players to think strategically about block placement and matching opportunities. The stacking system allows blocks to build vertically, creating cascade effects when matches are made. This adds a puzzle element where planning ahead becomes crucial for achieving high scores.

Scoring and Progression

Earn points by creating matches of three or more identical blocks. Larger matches and combo chains yield higher scores, encouraging players to think several moves ahead.

How to Play

Basic Controls

  • Mouse : Click and drag blocks to move them around the game board
  • Keyboard : Use arrow keys for precise block movement and positioning
  • Touch Controls : Tap and swipe on mobile devices for intuitive gameplay

Gameplay Objectives

  1. Match Blocks : Create groups of three or more identical colored blocks
  2. Stack Strategically : Use vertical space to set up bigger matches
  3. Chain Reactions : Trigger cascading matches for bonus points
  4. Clear the Board : Remove blocks efficiently to prevent overflow

Pro Tips for Success

  • Plan your moves to create opportunities for larger matches
  • Use the stacking feature to organize blocks by color
  • Look for chain reaction possibilities before making moves
  • Keep the playing area clear to maintain maneuverability

Why Play Rainblox

Perfect for All Skill Levels

Whether you're new to puzzle games or a seasoned match-3 veteran, Rainblox offers an accessible yet challenging experience. The intuitive controls make it easy to start playing immediately, while the strategic depth keeps you engaged for extended sessions.

Ideal for Quick Gaming Sessions

As an instant-play browser game, Rainblox is perfect for: - Office breaks : Quick 5-minute puzzle sessions - Commuting : Mobile-friendly gameplay on the go - Relaxation : Stress-free puzzle solving at your own pace - Brain training : Enhance pattern recognition and strategic thinking

No Commitment Required

With no downloads, installations, or registrations needed, you can jump into the action immediately. The game saves your progress locally, so you can return anytime to continue where you left off.

Frequently Asked Questions (FAQ)