Used variables to change filters on an image

A quick demonstration of the header switch on the new Swarm App. I've used variables to store the switch state.

An animation of our Solar System

A demo created using draggable and rotation features.

A tester application to determine the functionality of Proto.io

Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.