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

a

Tinder UI cards

The project contains numerous examples completed using variables and conditional logic.

A demo showcasing Windows 8 components.

Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

I created a prototype of the UBER app for Android in order to demonstrate what is possible using Proto.io. This project was a massive undertaking as my goal was to simulate the user experience of what it would be like to order 4 different UBER cars in San Francisco. I plan on doing a full "behind the scenes" article on my website about the challenges I faced along the way simulating the UBER app in Proto.io. Special thanks to the awesome team at Proto.io for all of their tireless assistance along the way! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

I simulated a 10 second timer that counts down from 10 to 0. This is very simple to do. All you need to do is change the text property of the text value with a custom value and include a delay of 1 second. Then add a callback for the next number with a delay of 1 second. Repeat this until you get to the number 0. There is no need to use variables to simulate a timer. If you are looking for someone to help you with your prototype, we are available for hire at: http://protonerds.com/

shows our desired flow, with current (mostly final) artwork!