0171
The interaction begins with a tap on the glass icon, which expands into a full-screen water adjustment modal. Dragging vertically on the glass acts as a custom slider, dynamically raising and lowering the liquid level. The water surface exhibits realistic fluid wave motion that reacts to the drag speed and direction, while the numeric volume text updates in real-time. Tapping the add button triggers a playful morphing transition where the glass shrinks back down, and the liquid is visually transferred to fill the llama mascot's legs, updating the daily progress.
