Interaction patches output information about user interactions (touches, swipes, key presses) in the viewer. Add interactions by hovering on a layer and pressing the Touch button, or by searching in the Patch Library.
Interaction I This is the bread and butter of interaction in Origami. It can tell you when a user touches down or taps on a particular layer. It also provides the position of the touch within its parent group, and the amount of force applied when using a laptop, phone, or tablet that supports 3D Touch.
Scroll This is another common interaction in Origami. It lets you scroll a layer vertically or horizontally, with customizable physics. It can be set to Paging mode, which is useful for prototyping carousels.
Pop Switch This helps you quickly prototype a two-state, swipeable interaction (ex: swiping a card left and right). It also supports two-finger pinching in addition to swipes.
Drag Make any layer draggable.
Keyboard K This shows whenever a key is pressed in the viewer.
Hover Allows you to capture hover interaction with a mouse.
Notes on touch detection
Layers need to be enabled and have opacity larger than 0 to receive touches. Touches in Layer Groups are propagated and shared with the parent groups, allowing you to build scrolling layer groups with tappable layers inside.
- Interaction patches pass information about user interactions.
- Interactions for a particular layer can be captured by using the Touch menu.
- There are multiple types of interaction patches for capturing different types of interactions.