Jelly Slice - Brain Teasing Puzzle Game

Seele01-Flash
By
Jelly Slice is a challenging puzzle game that tests your spatial reasoning skills. Your goal is simple but tricky: slice jelly shapes into pieces using as few cuts as possible.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Jelly Slice". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Casual, bright, and "juicy" aesthetic suitable for a mobile puzzle game. Use an **Orthographic Camera** to ensure precision for the puzzle mechanics (no perspective distortion). * **The Jelly (Main Object):** Create a procedural shape (e.g., a complex polygon or an extruded shape) that serves as the "Jelly." It should use a custom `MeshPhysicalMaterial` with `transmission` (transparency), `roughness` (low, for shine), and `thickness` properties to simulate a semi-transparent, gummy texture. Color should be vibrant red or pink. * **The Stars (Collectibles):** Gold, low-poly stars embedded *inside* the Jelly mesh at specific positions. They must be clearly visible through the jelly material. * **Background:** A soothing, light blue sky gradient with slowly drifting, low-poly white cloud meshes in the background to match the reference image. * **VFX:** When sliced, spawn small "juice" particle droplets. Use a "TrailRenderer" or a simple generic line mesh to follow the user's finger during the slicing gesture. ### 2. Audio Requirements * **BGM:** A light, whimsical, looping track (marimba or pizzicato strings) that aids concentration but feels playful. * **SFX - Slicing:** A satisfying "squish" or "wet slice" sound when the cut is executed. * **SFX - Win:** A magical chime or three-note ascending scale when the stars are successfully separated. * **SFX - UI:** Soft clicks for menu buttons; a "whoosh" sound for the cutting line. ### 3. Gameplay Loop * **Goal:** The player must slice the main Jelly shape to isolate the embedded stars. **Winning Condition:** Each resulting piece of jelly must contain exactly **one** star (or zero, depending on strictness, but usually the goal is to separate stars from each other). * **Mechanic - Slicing:** The core technical requirement is **Mesh Slicing**. You need to implement (or mock-up using Three.js geometry manipulation) a system where a 2D line drawn by the player creates a plane that bisects the 3D mesh, creating two separate distinct meshes. * **Constraints:** The player has a limited number of slices (e.g., "3 Moves Left" displayed on UI) per level. * **Physics:** When a piece is sliced off, it should slide away slightly or fall using a basic physics simulation (like Cannon.js) or a simple translation animation to visually indicate separation. ### 4. Mobile Controls & Interaction * **Input Method:** Single-finger touch/drag. * `touchstart`: Define the starting point of the cut. * `touchmove`: Draw a dashed line visually indicating where the cut will happen. * `touchend`: Execute the slice along the drawn line. * **Orientation:** Portrait mode is preferred for puzzle solving. * **UI Layout:** * Top Center: Level indicator and "Moves Remaining" counter. * Bottom: "Restart" and "Next Level" buttons (min-height 44px for touch accessibility). * **Feedback:** Add a subtle screen shake (camera jitter) upon a successful cut. ### 5. Important Implementation Note * Since real-time CSG (Constructive Solid Geometry) can be complex in raw Three.js, please verify if you can use a library approach (like `three-bvh-csg`) or write a simplified function to split a `BufferGeometry` based on a plane. If a full physics engine is too heavy, use simple position lerping to separate the cut pieces. 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 Slice is a deceptively simple yet incredibly challenging puzzle game that will test your spatial reasoning and problem-solving abilities. With a 3.18/5 rating from players, this brain teaser offers the perfect blend of accessibility and challenge that keeps puzzle enthusiasts coming back for more.

The concept appears straightforward - slice colorful jelly shapes into smaller pieces - but mastering the art of minimal cuts requires careful planning, spatial awareness, and strategic thinking. Each level presents a new geometric challenge that will push your problem-solving skills to the limit.

Core Features

Minimalist Puzzle Design

Jelly Slice embraces clean, colorful visuals that focus your attention on the core challenge. The bright jelly shapes stand out against simple backgrounds, making it easy to visualize your cutting strategy without distractions.

Progressive Difficulty System

Start with simple shapes and gradually work your way up to complex geometric puzzles. Each level introduces new challenges that require different approaches and cutting techniques.

Precision-Based Gameplay

Success depends on accuracy and efficiency. The fewer cuts you use, the better your score. This scoring system encourages players to think creatively and find the most elegant solutions.

Brain Training Benefits

Regular play helps develop: - Spatial reasoning skills - Strategic planning abilities - Visual-spatial intelligence - Problem-solving techniques - Geometric understanding

Game Mechanics

Cutting System

Use your mouse to draw cutting lines across the jelly shapes. Each cut must be strategic - random slicing won't lead to optimal solutions. The game physics realistically simulate how the jelly pieces separate and fall.

Objective Clarity

Each level clearly shows your target: slice the jelly into the required number of pieces using the minimum possible cuts. Some levels may require specific piece sizes or shapes.

Challenge Progression

As you advance, you'll encounter: - More complex initial shapes - Increased target piece counts - Obstacles and barriers - Special jelly properties - Time-based challenges

How to Play

Basic Controls

  • Mouse Movement : Position your cutting line
  • Click and Drag : Draw your cut across the jelly
  • Strategic Planning : Study the shape before making cuts

Winning Strategies

  1. Analyze First : Examine the jelly shape and determine the optimal cutting pattern
  2. Plan Your Cuts : Visualize how each cut will affect the remaining pieces
  3. Start with Major Divisions : Make large cuts first, then refine with smaller ones
  4. Consider Geometry : Use mathematical principles to find efficient cutting lines
  5. Practice Patience : Rush cuts often lead to wasted moves

Why Play Jelly Slice

Mental Exercise

This game provides excellent brain training disguised as entertainment. Regular play can improve your spatial reasoning abilities, which benefit many real-world activities from packing efficiently to understanding architectural plans.

Stress Relief

The calm, methodical gameplay offers a peaceful escape from daily stress. The satisfying feeling of a perfectly executed cut provides instant gratification and relaxation.

Quick Gaming Sessions

Perfect for short breaks, each level can be completed in just a few minutes. This makes it ideal for commute entertainment, study breaks, or quick mental refreshers.

Universal Appeal

Suitable for all ages, the game's simple concept and intuitive controls make it accessible to children while providing enough depth to challenge adults.

No Pressure Gaming

Without time limits or penalties for experimentation, you can take your time to find the perfect solution. This creates a stress-free environment focused purely on logical thinking.

Frequently Asked Questions (FAQ)