1891

Biscuit Camera Tap Pinch Drag Interaction

Biscuit Camera Tap Pinch Drag Interaction

This interaction showcases a highly playful camera interface where users can customize the viewfinder mask. Tapping the screen morphs the mask shape through various organic forms (flower, heart, oval, clover, rounded square). A pinch gesture smoothly scales the mask size. Dragging repositions the mask, accompanied by a subtle alignment guide line. A bottom sheet slides up to offer background color customization, which updates the canvas instantly. The camera zoom level can also be toggled, scaling the feed within the mask. Every transition is fluid, utilizing spring physics to feel tactile and responsive.