10 Second Timer Example

7,282
5
213
I simulated a 10 second timer that counts down from 10 to 0. This is very simple to do. All you need to do is change the text property of the text value with a custom value and include a delay of 1 second. Then add a callback for the next number with a delay of 1 second. Repeat this until you get to the number 0. There is no need to use variables to simulate a timer. If you are looking for someone to help you with your prototype, we are available for hire at: http://protonerds.com/

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

GetLost Student Map

5,385
0
64
This one-screen prototype demonstrates some of Proto.io animation functionality.

Akis Ioannou

Homemade

1,657
0
Connect college students to their favourite ethnic dishes in their community

a87c0f8c-504c-11ed 9221-0e76797a4f7b

wireframe mockup

2,142
0
0
intended to show the flow for the Roominate app

9705281a-504e-11ed 9221-0e76797a4f7b

rendezoo

1,695
0
Rendezoo enables community members to discover and share local events. Rendezoo connects people and events so they can experience their community with ease. Rendezoo "Bridging the gap between people and events."

bf1f873d-95de-11ef ab6d-0e76797a4f7b

Apple Watch using native UI library

33,616
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

The RVA App

1,852
0
11
This was an app I created to answer the question of "what's there to do tonight?" in the Richmond, Virginia area.

Britt Heit

Recreating the Google logo using just circles and rectangles!

3,885
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

Next