Music player with a slider controlling volume of Music playing.

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

A 3D Interactive Walkthrough of a space using the Proto.io VR Component. Using gaze click interactions you can transition from one 360° scene to another. Import this fully editable project into your Proto.io account to create your own 3D interactive walkthrough.

Fidelity Prototype for ITEC 752.

A very basic Calendar example project using Containers a few states and 1 variable to track the year.

A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

Popup message on iPhone simulation Message appears in 2 seconds after screen loads / swipe left to dismiss / tap message app to run again

Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.