Swatch Drinks Time

1,049
0
4
When is it not a good time to party? Never, at least not at Swatch Club, where we're celebrating the new Club Watch SPICE IT UP.

7ed4623f-504d-11ed 9221-0e76797a4f7b

auto-complete search

4,303
2
153
Type the first character of topics from http://uxofvr.com to see the auto-complete. (a-z, 2,3). Use ESC to hide the dropdown. Uses a variable to capture the content of the search field then uses the javascript method "{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed. see video of how to create this step-by-step in the webinar: https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables TAGS: auto-complete search dropdown variables variable character selection Thanks to Costas Thoma for the model.

Todd Siegel

Zero inbox

2,171
0
14
Zero inbox example using the 'Slide to Delete' pattern

34041018-d2c9-11ed 9221-0e76797a4f7b

Lights Control

2,797
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Drag and Drop

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

Scrollable Contacts List

2,513
0
38
Simulation of scrollable Contacts list using variables (Use of variables and 'On scroll Interactions')

34041018-d2c9-11ed 9221-0e76797a4f7b

e-Wallet

3,474
0
73
Swipe up and down to choose between cards Credits: Card designs used from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

2be093e4-504d-11ed 9221-0e76797a4f7b

Header change on Scroll

2,363
0
76
Change of the header according to scroll position of content.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Space Invaders Recreation

1,879
0
9
A recreation of the classic game Space Invaders. Using highly complex conditional interactions to track the position of hurtboxes & collision with containers and states. Drag ship to move and fire using the 'Space' key. Example projects referred to: https://spaces.proto.io/project/CCDD39E8-969E-9AFA-C094-3EA4B8A96FD5/Colission/ https://spaces.proto.io/project/487FEE4D-C6EA-4201-6A2E-17D115E0A65A/Hoopz/ I do not own the assets or have any affiliation with Tomohiro Nishikado, Taito or Midway. This is simply a tribute to one of the most iconic videogames which shaped the industry.

1866935c-504d-11ed 9221-0e76797a4f7b

Next