Re-creation of the horizontal swipe parallax effect in Yahoo Weather.
See how it was created step-by-step in this webinar:
https://support.proto.io/hc/en-us/articles/223073307-Prototyping-parallax-effects
TAGS:
parallax
variables
variable
Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.
An example project utilizing the power of Variables, Containers and States to create a Tic Tac Toe (X's and O's) fully functional 2 player game. Includes a scoreboard to track each player's Wins, Losses, and Draws. Notes included in the projects editor on how it can be setup.
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
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.
Snake animation on Nokia.
NOKIA 3310 Mockup from:
https://www.sketchappsources.com/free-source/3267-nokia-3310-mockup-vector-sketch-freebie-resource.html
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io.
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.