Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

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

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

Variables Examples

33,471
44
2,615
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

IFTTT

15,548
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Conditional Animation Loop

2,727
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

Constantinos Thoma

Spotify

22,672
6
630
Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

f4ff2085-9250-11ed 9221-0e76797a4f7b

My Music App

3,145
0
My Music App lets you listen to your favourite music and add / edit song lyrics to share with the world!

Telo Santos

Bodymovin Animation

2,756
0
26
A project which uses Vector Animations to recreate popular social app interactions.

Constantinos Thoma

Drag and Drop

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

Circle illusion with Tusi motion

582
0
2
I made this illusion based on the Tusi motion method, which takes his name from Nair al-Din Tusi, a Persian astronomer from the 13th century. The principle established by Tusi states that: If a circle with diameter A rotates on the inner boundary of a circle with diameter 2A, then a point on the circumference of the inner circle traces a straight line. As you can see, any ball in the inner circumference is following a perfect linear movement. This is created with 8 Containers where the balls move linear in a loop. The delay between balls must be always the same as the speed of the animation. An ease-in-out cubic-bezier(.4, 0, .6, 1) animation is required to get the circular shape.

16ff68c7-504e-11ed 9221-0e76797a4f7b

Next