Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

Group 39 InfoSys220

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

3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

A simple animated Flowchart. Click on each tab and the arrows when zoomed in to transition to the next one. Design credited to: https://www.sketchappsources.com/free-source/3636-entity-relationship-model-erd-diagram-library-sketch-frebie-resource.html

The Stellar Network Protocol for inter dimensional money transfers. Laser line-of-sight no handshake protocol.

Sliding navigation of Tab Menu

A simple, one page prototype inspired by Ramotion's Contact Sync (https://dribbble.com/shots/1749645-Contact-Sync?list=users&offset=11). Just play with the on/off switches.