Jelly Cat - Physics Puzzle Game

Seele01-Flash
By
Jelly Cat is a charming physics-based puzzle game where you draw lines to guide an adorable cat to delicious snacks. Use creativity and physics to solve increasingly challenging levels while earning perfect 3-star scores.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Jelly Cat - Physics Drawing Puzzle". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Use a "2.5D" aesthetic. The world should be built in 3D but viewed from a fixed orthographic front view to simulate a flat, cartoon look while allowing for depth in physics interactions. The background should feature a dynamic blue sunburst pattern (radial gradient) similar to the reference image, perhaps slowly rotating. * **Main Character (The Jelly Cat)**: Create a procedural mesh for the cat. It should be a soft-body or jelly-like sphere (using `THREE.IcosahedronGeometry` with vertex manipulation or a physics library soft-body proxy). The texture should map a cute kawaii face (brown fur, white belly, pink cheeks, big eyes) onto this sphere. The cat must look squishy and bouncy. * **Drawing Ink**: The lines drawn by the player should be rendered as `THREE.TubeGeometry` or thick `THREE.Line` meshes with a dark brown, crayon-like texture. They must become physical colliders immediately upon release. * **Level Elements**: Use simple geometric shapes (platforms, ramps) with a wooden or cardboard texture to fit the "Cozy" theme. The goal object is a "Snack/Cookie" (a simple textured cylinder or particle emitter). * **Mobile Optimization**: Use low-poly geometries for environment obstacles. Bake shadows where possible. Use a simple toon shader (MeshToonMaterial) for the cat to keep the frame rate high on mobile devices. ### 2. Audio Requirements * **BGM**: A cozy, acoustic guitar or ukulele track. Relaxing, slow-tempo, and repetitive but pleasant (Lo-fi hip hop style or "Animal Crossing" vibe). * **SFX**: * **Drawing**: A scratching "pencil on paper" sound that loops while the user touches and drags. * **Cat Physics**: A cute "boing" or squishy sound when the cat bounces off walls or lines. * **Meow**: A happy, high-pitched meow when the cat reaches the snack. * **Failure**: A sad, low-pitch trombone or "mew" sound if the cat falls off the screen. * **UI**: Soft "pop" sounds for button clicks. ### 3. Gameplay Loop * **Core Mechanic**: The scene starts frozen or with the cat resting on a platform. The player draws lines directly on the screen. These lines become static physical platforms/ramps (using a physics engine like Cannon.js or Matter.js mapped to Three.js). * **Goal**: When the player presses "Play/Start", gravity activates. The cat falls, bounces off the player's drawn lines, and must collide with the "Snack/Cookie" zone. * **Scoring System**: Incorporate an "Ink Meter." * 3 Cookies (Stars): Used < 30% of ink capacity. * 2 Cookies: Used < 60% of ink capacity. * 1 Cookie: Just finished the level. * **Win/Loss**: * **Win**: Cat collides with Snack. Confetti particles explode. * **Loss**: Cat falls out of bounds (y < -10) or gets stuck (velocity ≈ 0 for > 5 seconds). ### 4. Mobile Controls & Interaction * **Screen Orientation**: Portrait mode (Vertical) is preferred for one-handed drawing comfort. * **Touch Controls**: * **One-finger Drag**: Draws the line. The line follows the exact path of the finger. Raycasting must be precise to map 2D touch coordinates to the 3D plane Z=0. * **Tap**: Interact with UI buttons. * **UI Layout**: * **Top Center**: "Ink Meter" bar (changes color from Green to Red as ink depletes). * **Top Right**: Reset/Retry button (minimum 44x44px hit area). * **Bottom Center**: "GO!" button (Physical Play button) to activate gravity after drawing. * **Feedback**: * **Haptic**: Trigger a light vibration (using `navigator.vibrate`) when the cat bounces or when the level is won. * **Visual Trail**: A small particle trail should follow the finger while drawing to indicate the active drawing path before the mesh is generated. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Jelly Cat

Jelly Cat is an engaging physics-based puzzle game that combines adorable cat characters with creative problem-solving gameplay. In this delightful brain teaser, your mission is to help a cute, bouncy cat reach tasty snacks by drawing strategic lines and shapes. The game challenges players to think creatively while using physics mechanics to guide their feline friend through increasingly complex levels.

With its charming cartoon art style featuring an irresistibly cute brown and white cat character, Jelly Cat appeals to puzzle enthusiasts of all ages. The game's intuitive drawing mechanics make it easy to learn but challenging to master, offering hours of engaging gameplay completely free in your browser.

Core Features

Creative Physics-Based Gameplay

Jelly Cat stands out with its innovative drawing mechanics that let you create custom solutions for each puzzle. Draw lines, ramps, and barriers to manipulate your cat's movement using realistic physics. Every level can be solved in multiple ways, encouraging experimentation and creative thinking.

3-Star Rating System

Perfect your puzzle-solving skills with the challenging 3-star rating system. Earn maximum stars by creating the most efficient solutions using the shortest possible lines. This scoring system adds replay value as you strive to optimize your strategies and achieve perfect ratings on every level.

Progressive Difficulty

Start with simple introductory puzzles and gradually face more complex challenges that test your spatial reasoning and physics understanding. Each new level introduces fresh obstacles and mechanics, keeping the gameplay exciting and mentally stimulating.

Adorable Visual Design

Enjoy the game's charming cartoon aesthetic featuring the loveable Jelly Cat character. The bright, colorful graphics and cute animations create a cozy, family-friendly atmosphere that makes puzzle-solving a delightful experience.

How to Play

Basic Controls

  • Mouse : Click and drag to draw lines and shapes
  • Left Click : Start drawing from any point
  • Drag : Create lines, ramps, or barriers
  • Release : Complete your drawn shape

Gameplay Strategy

  1. Analyze the Level : Study the cat's starting position and snack location
  2. Plan Your Route : Consider how physics will affect your cat's movement
  3. Draw Efficiently : Use the minimum number of lines for higher scores
  4. Test and Adjust : Experiment with different line angles and positions
  5. Use Environment : Incorporate existing platforms and obstacles in your solutions

Scoring Tips

  • Draw the shortest possible lines to maximize your star rating
  • Use gravity and momentum to your advantage
  • Consider multiple solution paths before drawing
  • Practice levels to discover more efficient strategies

Why Play Jelly Cat

Perfect Brain Training : Jelly Cat offers excellent mental exercise, improving spatial reasoning, problem-solving skills, and creative thinking. Each puzzle requires you to visualize physics interactions and plan effective solutions.

Relaxing Yet Challenging : The game strikes an ideal balance between cozy, stress-free gameplay and engaging mental challenges. Its cute aesthetic and gentle music create a calming atmosphere while the puzzles keep your mind active.

Completely Free : Enjoy the full Jelly Cat experience at no cost. Play directly in your browser without downloads, subscriptions, or hidden fees. All levels and features are accessible immediately.

Family-Friendly Fun : With its adorable cat theme and non-violent puzzle mechanics, Jelly Cat is perfect for players of all ages. Parents and children can enjoy solving puzzles together.

Endless Replayability : The 3-star system and multiple solution paths ensure lasting entertainment value. Return to earlier levels to improve your ratings or discover new creative solutions.

Frequently Asked Questions (FAQ)