Drag and Drop

4,783
0
79
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

Todd Siegel

Jack Daniels

1,994
0
Recreation of the animation from: https://www.sketchappsources.com/free-source/1978-whiskey-jack-daniels-app-sketch-freebie-resource.html with a snap carousel

469c1b7e-504e-11ed 9221-0e76797a4f7b

Replicating Pong

2,101
2
10
Replicating the Classic game 'Pong' using variables.

1866935c-504d-11ed 9221-0e76797a4f7b

show animaition (tap&scroll)

3,352
1
36
show animaition (tap&scroll)

a50d0f82-504e-11ed 9221-0e76797a4f7b

Search Field Animations

2,559
0
51
Here are 2 different search field animations: 1. Tap to expand size of search field to the right.; 2. Tap to reveal search area underline to the left TAGS: search search box search field animation states

Todd Siegel

Hover to play sound

1,756
0
10
Using variables and conditional interactions to create a way to track how long you have hovered over a component and execute a sound once 5 seconds of hovering has been completed.

1866935c-504d-11ed 9221-0e76797a4f7b

Next