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.

To aid the learning process of children with Down’s syndrome.

Book a seat to a Hall, count selected seats, and calculate total cost of seats booked - Helios Hall is the interactive Hall for the seat reservation

Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. 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.

A very basic content shelf component commonly used by TV apps such as Hulu, Youtube, HBO etc. This component uses a fixed focus model where the items in the shelf move into place using key press interactions. 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.

A simple medium-fidelity e-commerce website prototype built using Proto.io’s ready-made templates.

Drag and drop the blue "app icon" to rearrange the order of the apps on the Home Screen