Group project for human-computer interaction

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

Change of the header according to scroll position of content.

Using variables and conditional interactions to create a way to track how long you have hovered over a component and execute a sound once 5 seconds of hovering has been completed.

A recreation of a card game Prototype using states & containers. Tap Hold a card to view it in further detail and swipe down to put it back. Swipe up when a card is in hand to place it on the board.

3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

Created using some of the provided templates

Registration form with Progress Steps

Tik Tok project (Part 1) The videos in the project have been downloaded from: https://www.pexels.com/videos/ https://www.pexels.com/video/close-up-of-wheat-in-field-9917770/ https://www.pexels.com/video/moving-pages-of-books-8994820/ https://www.pexels.com/video/woman-with-freckles-on-her-face-looking-at-the-camera-8055998/ https://www.pexels.com/video/portrait-of-a-beautiful-young-woman-8056090/

A simple medium-fidelity e-commerce website prototype built using Proto.io’s ready-made templates.