Drag and Drop

4,685
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

show animaition (tap&scroll)

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

a50d0f82-504e-11ed 9221-0e76797a4f7b

Football Team Formations

1,442
0
I'm going to give you an explanation of the best modern football formations. A football formation is a number set that describes the positions of players on the field. It determines how many players play on defense, the midfield, and the frontline. The first number always describes the defender, and so on. For example, a formation like 4-3-3 plays with four defenders, three midfielders, and three forwards. The goalkeeper is never mentioned in a football formation. Most formations are described in three numbers but four- and five-rank formations are also possible. This is created in Proto.io using States and States Animations.

Paul Baker

Clean Product Card Carousel

2,235
0
18
A clean product card carousel as seen on: https://www.sketchappsources.com/free-source/3173-product-card-view-sketch-freebie-resource.html Infinite loop scrolling added

1f83aed2-504d-11ed 9221-0e76797a4f7b

Safe/Combination lock

2,460
0
17
Safe/Combination lock

Moiraine Damodred

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

823
0
Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE - Mobile Version Using an embed map from https://www.arcgis.com/

74a7bee2-504d-11ed 9221-0e76797a4f7b

SyncWork Mock-ups

464
0
3
Last Updated on 15/07/2020 16:57

9f4063f4-504e-11ed 9221-0e76797a4f7b

H20 Print Tracker Version 1.1

387
0
2
Rather small prototype done as a course requirement. My first time prototyping anything tbh.

0aa7b973-504e-11ed 9221-0e76797a4f7b

Hulu TV App Home Screen

3,117
1
4
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Next