Jelly Blocks - Color-Matching Puzzle Game

Seele01-Flash
By
Jelly Blocks is a captivating free puzzle game where you move colorful jelly blocks to create matching color combinations. Test your strategic thinking and problem-solving skills in this sticky situation!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Jelly Blocks**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a clean, polished 3D aesthetic inspired by the reference image. The game takes place on a floating tile grid (e.g., 8x8 or 10x10) against a soft, soothing radial gradient background (purple/blue hues). * **Jelly Blocks:** The player characters are soft, rounded cubes. Use `MeshPhysicalMaterial` with `transmission` (glass-like), `roughness` near 0.1, and `metalness` near 0.1 to simulate a glossy, semi-transparent gelatin texture. * **Colors:** Bright, distinct colors (Red, Green, Blue) for different jelly types. * **Animation:** Implement a "squish" and "stretch" scale effect when the blocks move or hit a wall to emphasize their jelly nature. * **Environment:** * **Floor:** A checkerboard pattern or minimalist grid texture. * **Walls/Obstacles:** Matte, solid gray blocks with hard edges to contrast with the soft jellies. * **Mobile Optimization:** Use simple geometries (BoxGeometry with low bevel segments) to keep the poly count low. Use a fixed Orthographic Camera (isometric view) to ensure the puzzle grid remains readable on small screens without perspective distortion. ### 2. Audio Requirements * **BGM:** A relaxing, "think-music" style track. Downtempo, marimba, or soft synthesizer pads to encourage puzzle-solving without inducing stress. * **Sound Effects (SFX):** * **Move:** A wet "squish" or "slide" sound. * **Stick (Merge):** A satisfying "pop" or "suction" sound when two same-colored blocks connect. * **Collision:** A soft "thud" for hitting walls. * **Win:** A cheerful chime or major chord arpeggio. ### 3. Gameplay Loop * **Mechanic:** This is a sliding block puzzle. * The player moves **all** moveable blocks simultaneously in the swipe direction (Up, Down, Left, Right) until they hit a wall or another block. * **The "Sticky" Gimmick (Core Logic):** * When two blocks of the **same color** come into contact (share a face) after a move, they fuse together. * From that point on, they move as a single rigid shape. They cannot be separated. * **Win Condition:** The level is beaten when all blocks of the same color have fused into one single contiguous shape (e.g., all Red blocks are stuck together). * **Level Design:** Start with a simple level: Two red blocks separated by obstacles. ### 4. Mobile Controls & Interaction * **Touch Controls:** Implement **Swipe Gestures** (detect `touchstart` and `touchend` coordinates) to determine movement direction (Up, Down, Left, Right). Do not use virtual joysticks. * **Orientation:** Lock to **Portrait Mode** for one-handed playability. The grid should be centered vertically. * **UI Elements:** * **Restart Button:** A large, circular refresh icon in the top right corner (min size 48x48px) for easy resetting. * **Level Counter:** Displayed clearly at the top. * **Feedback:** * **Visual:** When a valid swipe occurs, the blocks should trail slightly or wobble. * **Haptic:** Trigger `navigator.vibrate(10)` (if supported) specifically when blocks fuse together to give tactile confirmation of the "stick." Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Jelly Blocks is an engaging color-matching puzzle game that challenges your spatial reasoning and strategic planning skills. With a solid rating of 4.2 out of 5 stars from thousands of players, this brain teaser offers the perfect blend of simplicity and challenge. The game features colorful, translucent jelly blocks that you must manipulate to create matching color groups.

This delightful puzzle game combines elements of logic, strategy, and visual perception, making it an excellent choice for players who enjoy thoughtful gameplay. The sticky mechanics add a unique twist to traditional block-matching games, creating engaging scenarios where every move matters.

Core Features

Simple Yet Strategic Gameplay

Jelly Blocks offers intuitive controls with deep strategic possibilities. The game's beauty lies in its simplicity - move blocks until same-colored jellies stick together. However, achieving this seemingly simple goal requires careful planning and foresight.

Brain Training Benefits

This puzzle game serves as an excellent brain exercise, improving: - Spatial reasoning skills - Problem-solving abilities - Strategic thinking - Visual pattern recognition - Planning and foresight

Completely Free Gaming Experience

Enjoy unlimited gameplay without any costs. No downloads, no subscriptions, no hidden fees - just pure puzzle-solving fun directly in your web browser.

All Ages Entertainment

Rated suitable for all ages, Jelly Blocks provides family-friendly entertainment that both children and adults can enjoy. The game's difficulty scales naturally as you progress.

Cross-Platform Compatibility

Play seamlessly across all devices - desktop computers, laptops, tablets, and smartphones. The game runs smoothly on any modern web browser.

Game Mechanics

The core gameplay revolves around moving jelly blocks strategically to group same-colored pieces together. Each level presents a unique puzzle configuration that requires different approaches:

  • Color Matching : Group identical colored jelly blocks together
  • Obstacle Navigation : Work around barriers and constraints
  • Strategic Movement : Plan your moves carefully as blocks stick together
  • Progressive Difficulty : Each level introduces new challenges

How to Play

Basic Controls

The game features straightforward controls that anyone can master: - Arrow Keys : Use up, down, left, and right arrow keys to move the jelly blocks - Strategic Planning : Think ahead before making moves - Color Coordination : Focus on grouping same-colored blocks together

Gameplay Strategy Tips

  1. Analyze the puzzle layout before making your first move
  2. Identify color patterns and plan the optimal grouping sequence
  3. Consider block physics - remember that blocks stick together
  4. Work backwards from your desired end state
  5. Practice patience - rushing often leads to suboptimal solutions

Winning Conditions

Successfully complete each level by arranging all jelly blocks so that same-colored pieces are grouped together. The challenge lies in achieving this with the minimum number of moves while navigating obstacles and constraints.

Why Play Jelly Blocks

Perfect Mental Exercise

Jelly Blocks provides an excellent workout for your brain without being overwhelming. It's challenging enough to keep you engaged while remaining accessible to players of all skill levels.

Stress-Free Gaming

Unlike action-packed games, Jelly Blocks offers a relaxing puzzle-solving experience. Take your time, think through each move, and enjoy the satisfaction of solving each colorful challenge.

Immediate Accessibility

No downloads, installations, or registrations required. Simply open your browser and start playing immediately. This makes it perfect for quick gaming sessions during breaks or extended puzzle-solving marathons.

Educational Value

The game naturally develops important cognitive skills including spatial awareness, logical thinking, and problem-solving abilities. It's entertainment that also exercises your mind.

Timeless Appeal

With its classic puzzle mechanics and colorful presentation, Jelly Blocks offers timeless gaming appeal that never gets old. Each puzzle presents a fresh challenge to solve.

Frequently Asked Questions (FAQ)