Jelly Row - Match-Three Puzzle Game

Seele01-Flash
By
Jelly Row is a unique match-three puzzle game where you control rows of colorful jelly monsters. Match three identical jellies before they overwhelm the screen in this strategic twist on classic puzzle gameplay.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Jelly Row". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Create a vibrant, "Cartoon Casual" aesthetic. Use an **Orthographic Camera** to maintain a clear 2D puzzle grid perspective while utilizing 3D models for depth. * **Jelly Models**: Use `THREE.RoundedBoxGeometry` for the monsters. Apply a custom `MeshPhysicalMaterial` or a shader to simulate a "Jelly" texture: high transmission (semi-transparent), slight roughness, and a strong rim light to make them look squishy and wet. * **Character Details**: Procedurally add simple "Cyclops Eyes" (white sphere + black pupil) to the front face of each jelly block. * **Color Palette**: Use high-saturation candy colors: Bright Yellow, Cyan, Orange, Lime Green, Magenta, and Red. * **Background**: A vertical gradient sky (Light Blue to Deep Blue). Add low-poly, fluffy white clouds (`dodecahedron` or merged spheres) floating in the background to mimic the screenshot style. * **Performance**: Use `THREE.InstancedMesh` for the jelly blocks if the grid exceeds 100 items. Limit dynamic lights to 1 Directional Light (Sun) and 1 Ambient Light. ### 2. Audio Requirements * **BGM**: A whimsical, uptempo track using pizzicato strings, marimbas, or xylophones to emphasize the "cute" factor. Loop seamlessly. * **Sound Effects (SFX)**: * *Slide*: A wet "swoosh" or "slurp" sound when a row is moved. * *Match/Clear*: A satisfying "pop" or bubble-bursting sound. * *Combo*: Ascending pitch chimes for chain reactions. * *Game Over*: A "splat" sound followed by a slowing-down melody. ### 3. Gameplay Loop * **Grid System**: Create a 6x8 grid filled with random Jelly blocks. * **Mechanic**: Unlike standard swapping, the player selects an entire **Row** (horizontal) or **Column** (vertical) and slides it. The row/column wraps around (pac-man style: exiting right makes it reappear on the left). * **Matching Logic**: Check for 3 or more identical colors connected horizontally or vertically. * **Clear & Gravity**: When matched, Jellies explode (particle effect), and blocks above fall down to fill the empty space. New blocks spawn at the top. * **Win/Loss**: * *Score*: +100 points per match. * *Loss Condition*: Implement a "Panic Bar" or move limit. Alternatively, if the grid fills up/locks (no moves left), the game ends. For this iteration, use a **Timer** that resets slightly on every match; if time runs out, Game Over. ### 4. Mobile Controls & Interaction * **Touch & Drag**: Implement Raycaster logic for touch events. * *Touch Start*: Highlight the selected row/column. * *Touch Move*: Calculate delta X or Y. Lock movement to the dominant axis (horizontally for rows, vertically for columns) to prevent diagonal jitter. * *Touch End*: Snap the row/column to the nearest grid position. * **Responsiveness**: * Support both Portrait and Landscape modes (resize renderer on window resize). * Jellies should "wobble" (vertex displacement or scale scaling) when touched. * **Haptics**: Trigger `navigator.vibrate(50)` on a successful match. * **UI**: Overlay HTML/CSS UI for Score and Timer. Ensure buttons (Restart, Pause) are at least 44x44px for touch accessibility. ### 5. Code Structure * Use ES6 modules. * Include a simple particle system class for the explosion effects. * Ensure the animation loop handles delta time for smooth movement on 60Hz/120Hz mobile screens. 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 Row is an innovative match-three puzzle game that puts a strategic spin on the classic matching formula. Instead of swapping individual pieces, you control entire rows of adorable jelly monsters, sliding them left and right to create matches of three or more identical jellies. With its charming one-eyed, two-eyed, and three-eyed jelly creatures, this game offers a delightfully challenging puzzle experience that's both accessible and engaging.

Core Features

Unique Row Control Mechanic

Unlike traditional match-three games, Jelly Row gives you control over entire rows that you can slide horizontally. This innovative mechanic adds a layer of strategic thinking as you must consider how moving one row affects the entire puzzle grid.

Colorful Jelly Monsters

The game features an array of cute jelly creatures in different colors, each with their own personality: - One-eyed jellies with simple, charming expressions - Two-eyed jellies with curious looks - Three-eyed jellies with mystical appearances - Special spike-covered and slime-coated variants

Progressive Challenge System

As you play, the jelly monsters multiply faster, creating increasingly challenging situations. You must think quickly and strategically to prevent columns from filling up completely, which would lock you out of manipulating them.

Cross-Platform Compatibility

  • Completely Free : No downloads, no registration required
  • HTML5 Technology : Runs smoothly in any modern web browser
  • Mobile-Friendly : Perfect touch controls for smartphones and tablets
  • Instant Play : Start playing immediately without waiting

Gameplay Mechanics

Objective

Your primary goal is to match three or more identical jelly monsters in a row before the screen fills up completely. Each successful match clears those jellies and gives you more space to work with.

Strategic Elements

  • Column Management : Prevent individual columns from filling top to bottom
  • Quick Decision Making : Balance speed with strategic thinking
  • Pattern Recognition : Identify matching opportunities across multiple rows
  • Risk Assessment : Decide which moves provide the best long-term advantage

Controls and Instructions

How to Play

  • Select : Click or tap on the row you want to move
  • Move : Slide the selected row left or right to align matching jellies
  • Match : Line up three or more identical jelly monsters to clear them
  • Survive : Keep clearing jellies before any column fills completely

Tips for Success

  1. Plan Ahead : Look for multiple matching opportunities before making a move
  2. Prioritize Critical Columns : Focus on columns that are close to filling up
  3. Create Chain Reactions : Set up moves that create multiple matches
  4. Stay Calm : Don't rush - strategic thinking beats speed

Why Play Jelly Row

Perfect for All Skill Levels

Whether you're new to puzzle games or a seasoned match-three veteran, Jelly Row offers: - Easy to Learn : Simple controls that anyone can master - Hard to Master : Deep strategic gameplay that rewards skill - No Age Restrictions : Family-friendly content suitable for all ages - Quick Sessions : Perfect for short breaks or extended gaming sessions

Mental Benefits

  • Problem-Solving Skills : Enhances logical thinking and pattern recognition
  • Hand-Eye Coordination : Improves reaction times and precision
  • Strategic Planning : Develops forward-thinking abilities
  • Stress Relief : Relaxing gameplay with cute, friendly characters

Accessibility Features

  • No Download Required : Play instantly in your browser
  • Works Offline : Continue playing even without internet connection
  • Responsive Design : Adapts perfectly to any screen size
  • Touch-Friendly : Optimized for both mouse and touch input

Frequently Asked Questions (FAQ)