Origami Studio Experiments
These experimental code samples have been created using Origami Studio. Unless specified, these code samples are open source and free to use as long as you retain the credits in the code.
This is a re-creation of Google Inbox app animation. There is a lot going on in this:
- The list splits up into two parts, one goes up and one goes down.
- The additional information panel maskes in.
- The header image has a parallax effect when dragged up but no parallax while coming down.
- The additional information page closes if you drag it down to a certain distance and release the touch.
After experiencing the instagram photo editor for a while, I found that there were a lot of back and forth interactions for very simple controls. I wanted to re-design it so that it is more user friendly and easy to use.
This design is one such attempt to simplify the photo-editor.
This is a recreation of the default sample demo "Slinkin Park". I have re-created this using Origami Studio and you can see that now you need to use only a few connections to create this.
This is a recreation of the default sample demo "Card Swipe". I have re-created this using Origami Studio and you can see that now you need to use only a few connections to create this. Do let me know if you find a better or easier way to re-create this effect. I am learning as I make these demos :)
Created this new Demo for Dynamic Card layout with animating progress rings.
This is work in progress file.
