This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.
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
I used part of the "Laundry App UI Kit Sketch Resource" design that was designed by Satheesh Kumar at:
https://www.sketchappsources.com/free-source/3397-laundry-app-ui-kit-sketch-freebie-resource.html
to create a quick prototype
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!