Happy Glass - Drawing Puzzle Game

Seele01-Flash
By
Happy Glass is an addictive drawing puzzle game where you use creativity and physics to fill a sad glass with water. Draw lines to guide the water flow and watch the glass smile with joy!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Happy Glass**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D "Paper & Pencil" aesthetic. Use an **Orthographic Camera** to maintain a flat, puzzle-like perspective while allowing for 3D physics depth. The background should be a white texture with a subtle, light-blue graph paper grid. * **The Glass:** A transparent, U-shaped container with a thick black outline. It must have a dynamic face texture on the front: * **State A (Empty):** Sad expression (frowned mouth, droopy eyes). * **State B (Filling):** Surprised/Anticipating expression. * **State C (Full/Win):** Happy expression (wide smile, cheerful eyes). * Includes a dashed horizontal line indicating the "Target Fill Level". * **The Water:** Instead of complex fluid simulation, use **InstancedMesh** to render ~100-150 small, blue, untextured spheres (or flat circles) that act as individual physics particles. This ensures high performance on mobile devices. * **The Line (User Creation):** A thick, solid black line with rounded caps. It should look like it was drawn by a marker or pencil. * **Obstacles/Environment:** Simple geometric shapes (platforms, spinners) with orange or grey flat colors and black outlines. ### 2. Audio Requirements * **BGM:** A light, whimsical, and pizzicato-heavy track (using strings or marimba) that loops seamlessly. It should feel "smart" but relaxing. * **SFX - Drawing:** A scratching "pencil on paper" sound that loops while the user is touching and dragging. * **SFX - Water:** High-pitched, bubbly "plink" and "bloop" sounds when water particles collide with the glass or each other. * **SFX - Win:** A bright, ascending major chord chime or a "Yay!" vocal sample when the glass fills up. * **SFX - Fail:** A comical "womp-womp" or shattering sound if the glass falls over. ### 3. Gameplay Loop * **Setup:** Each level starts with a water source pipe (top), obstacles (middle), and the sad glass (bottom). Gravity is active. * **Phase 1: Drawing:** The game is paused or waiting. The player has a limited "Ink Bar" (displayed at the top). The player draws a line on the screen. This line immediately becomes a static physics body (rigid body). * **Phase 2: Simulation:** Once the line is drawn (or after a short timer), the water source releases liquid particles. * **Victory Condition:** Enough water particles settle inside the glass to reach the dashed line and stay there for 3 seconds. The glass face turns happy. * **Failure Condition:** The water misses the glass, flows off-screen, or the glass is knocked over by the weight of the water/line. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Portrait Mode** (vertical) only. * **Touch Input:** * **Touch Start:** Begin creating a line mesh. * **Touch Move:** Extends the line mesh and updates the physics collider shape in real-time. * **Touch End:** Finalizes the shape. * **UI & Feedback:** * **Ink Meter:** A bar at the top that depletes as the player draws. If it runs out, drawing stops. * **Haptic Feedback:** Trigger a very light vibration (Taptic Engine) for every few pixels drawn to mimic the friction of a pencil. * **Restart Button:** A large (min 44x44px) refresh icon in the top right corner for quick retries. * **Physics Constraint:** Lock all physics objects to the Z=0 plane to prevent 3D tumbling (essentially 2D physics in a 3D world). Use a library like **Cannon.js** or a 2D engine wrapper compatible with Three.js. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Happy Glass

Happy Glass is a charming and challenging puzzle game that combines creativity with physics-based problem solving. Your mission is simple yet engaging: help a sad, empty glass become happy by filling it with water! This beloved puzzle game offers hundreds of levels that will test your logical thinking and artistic skills.

The game features a minimalist art style with adorable characters - the glass shows different emotions based on how much water it contains. When empty, it looks sad with downturned eyes, but as you successfully fill it with water, it transforms into a smiling, happy character that will warm your heart.

Core Features

Creative Problem Solving

What makes Happy Glass special is its open-ended approach to puzzle solving. There's rarely just one correct solution - you can draw lines, shapes, and structures in countless creative ways to guide the water into the glass.

Physics-Based Gameplay

The game uses realistic water physics, making each level feel natural and satisfying. Water flows, splashes, and reacts to your drawn lines just like it would in real life, creating an immersive puzzle experience.

Progressive Difficulty

Start with simple levels to learn the mechanics, then face increasingly complex challenges that require innovative thinking. Each level introduces new obstacles, moving platforms, and creative scenarios.

Unlimited Creativity

Unlike traditional puzzle games with fixed solutions, Happy Glass encourages experimentation. Draw abstract shapes, build complex structures, or find surprisingly simple solutions - your imagination is the only limit.

Gameplay Mechanics

The core gameplay revolves around drawing lines to create paths for water. You'll encounter various obstacles like barriers, moving platforms, and gaps that require clever solutions. The water physics engine makes every drop behave realistically, bouncing off surfaces and flowing naturally.

Each level presents a unique scenario where you must think creatively about how to direct the water flow. Sometimes you'll need to build bridges, create funnels, or construct elaborate rube goldberg-style contraptions to achieve your goal.

Operation Guide

Playing Happy Glass is intuitive and accessible:

  • Click and Hold : Draw lines by clicking and dragging your mouse (or finger on mobile)
  • Strategic Drawing : Plan your lines carefully - you have limited "ink" to draw with
  • Physics Consideration : Think about how water will flow along your drawn lines
  • Trial and Error : Don't be afraid to restart levels and try different approaches
  • Observation : Watch how water behaves to improve your future solutions

The game requires no complex controls - just your mouse or touch screen. This simplicity makes it accessible to players of all ages while maintaining depth through its challenging puzzles.

Why Play Happy Glass

Perfect Brain Training

This game excellently combines entertainment with mental exercise. Each puzzle requires spatial reasoning, creative thinking, and problem-solving skills, making it an ideal brain training tool.

Stress Relief

The satisfying nature of filling the glass and seeing it become happy provides excellent stress relief. The simple, clean graphics and gentle gameplay create a calming gaming experience.

Suitable for Everyone

Whether you're 8 or 80, Happy Glass offers appropriate challenges. Kids develop spatial reasoning skills while adults can enjoy complex problem-solving challenges.

No Commitment Required

Each level can be completed in under a minute, making it perfect for quick gaming sessions during breaks or commutes. Play one level or spend hours perfecting your solutions.

Completely Free

Enjoy all the core gameplay features without any payment required. The game is supported by optional ads, but the full puzzle experience is available for free.

Cross-Platform Accessibility

Play seamlessly across devices - start on your computer and continue on your phone, or vice versa. The game works perfectly in any modern web browser without downloads or installations.

Frequently Asked Questions (FAQ)