A website template with multilevel dropdown menus and scrolling area.

This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

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

Recreation of the animation from: https://www.sketchappsources.com/free-source/1978-whiskey-jack-daniels-app-sketch-freebie-resource.html with a snap carousel

Simulation of scrollable Contacts list using variables (Use of variables and 'On scroll Interactions')

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

Change of the header according to scroll position of content.

A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

The Flipboard animation created using states.

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.