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.
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.
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