Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location.
Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped.
See how it was made step by step in the webinar video:
https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging
TAGS:
drag and drop
dragging
variables
variable
animations on drop
animation
e-Wallie banking app!
Contains Interactive line graphs (hover over the line graph lines), animations, state transitions, skeleton screens, bodymovin / lottie animations.
Feel free to import!
This is an interactive dial pad, created with proto.io.
Development & original idea: https://spaces.proto.io/akisioannou
Graphic design: George Prentzas
Video streaming app - simplifed streaming app that:
a) Has intuitive interface to take screenshots and chat while streaming
b) Relies on the Twitter stack as a chat room, increasing visibility and discoverability of comments on social networks.
A basic example of reproducing Instagram info bars behaviour.
A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header