Lamp

854
0
9
Curved Slider controlling lamp brightness. Designs taken from: https://www.sketchappsources.com/free-source/3592-smart-lamp-view-sketch-freebie-resource.html

e88622aa-504c-11ed 9221-0e76797a4f7b

Emoji Toggle Component

1,050
0
8
Mouse over and out to toggle between the active and inactive state. Click to select the active state, click again to deselect. Showcases the power of containers in Proto.io. Each emoji is converted into a container (through the right-click menu). The individual emoji containers have two states: selected and deselected. The parent container contains all the emoji containers. This parent container has 6 states: non-selected, and the active state for each emoji (5). The click/tap trigger changes the both the individual emoji state, and respective parent container state to the active emoji. Easily change the emojis to any other one you choose while maintaining all the interactions. Make sure to click into each individual emoji container and double-click the current emoji and replace the image with the new one from the asset library. Replacing the image by double-clicking the existing one preserves the grayscale in the deselected state. Enjoy!

Todd Siegel

Sympathy Music App

791
1
Sympathy is an app that gathers songs and creates unique and specifically tailored playlists to suit your mood. It uses facial recognition and scans the face to asses your mood and play music that corresponds to how you feel. Sympathy has many aesthetic compositions, satisfying gradients and other visuals that will vary according to your mood and the music. This prototype was done for a project in Graphic design major, Virginia Commonwealth University School of the Arts in Qatar.

477c7b84-504e-11ed 9221-0e76797a4f7b

"Finding Giannis"

1,303
0
3
A tribute to Giannis Antetokounmpo by using some smooth state transitions in Proto and the "Finding Giannis" video by TNT. Wallpaper by https://lleytonjackson.weebly.com/ Youtube Video: "Finding Giannis" by NBA on TNT https://www.youtube.com/watch?v=HrCU305tzmM

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Next