Circle illusion with Tusi motion

1,071
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

Image Filters

1,304
0
2
Used variables to change filters on an image

37d79fb0-4512-11f0 a04a-0e3ec7c5f8cf

Extended UI libraries

25,260
3
122
An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

Akis Ioannou

Carnival Shooting Gallery

5,449
14
62
This is a custom tablet prototype of my take on a popular carnival attraction called the shooting gallery. I wanted to show everyone how versatible and powerful the Proto.io tool is and demonstrate that anyone can make video games using Proto.io. This prototype was inspired by various versions of the classic game created for mobile devices released a few years ago. This is meant for educational purposes only. Please click on the heart icon below to show your support and leave comments. I'd be happy to answer any questions you have. Have fun! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Recreating the Google logo using just circles and rectangles!

3,387
2
12
"It’s still all ones and zeros!" We got inspired by this article on Quora (https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes) that talks about the Google logo and how it consists of circles and rectangles. So we set off to validate this inside Proto.io (https://proto.io). Proto.io is particularly strong for it’s interactive UI Libraries but it’s web based editor also offers great support for basic shapes like ovals, lines and rectangles. So we recreated the Google logo using only rectangles and circles and what do you know! It all checks out! Having done all this in Proto.io that it also known for it’s pretty neat animation capabilities, we went a step further and created a cool animation that shows how it’s all done. For even more fun you can even import it in your own Proto.io account and edit it! Enjoy!

Alexis Odysseos

Netflix Desktop UI Sketch Resource

1,583
0
Netflix Desktop UI Sketch Resource Design: https://www.sketchappsources.com/free-source/3590-netflix-desktop-ui-sketch-freebie-resource.html

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Let It Bleed | 50th anniversary

1,811
0
6
The academic project celebrates the 50th anniversary of the Rolling Stones' work with the goal of developing a digital music album experience, exploring conceptually the feelings of mystery, nostalgy, bliss, delirium and harmony.

Bárbara Fontenelle

Next