Switching from Origami to Form. A Curmudgeon’s Diary.

enter image description here

You may have heard about the Relative Waves product called Form. A visual programming tool largely inspired by Quartz Composer that “lets you build custom native prototypes directly on the device.”

Google acquired the product two weeks ago and made it available for free. So, if the price (~$80) ever made you second guess your actual need for a tool like that (especially when there’s the original Quartz Composer turbo boosted by Facebook’s Origami) that no longer is an issue.

Continue Reading

Magic Wand for Paginated Content

A long, long time ago, I wrote a piece on the mouse coordinates system in Quartz Composer and how to translate it to a device screen in the Origami Phone patch. Soon after that, Facebook introduced a new Phone patch supporting landscape mode and my simple solution became obsolete. With the release of Origami 1.4 and the introduction of new devices, things got even more complicated. For example, the bitmaps representing Apple Watch and iPhone 6+ are not 1:1 in pixel size scale, creating some wacky edge cases you need to take into consideration.

Continue Reading

Chaining animations is easy

A big chunk of our everyday prototyping revolves around figuring out how “things” should appear on and disappear from the screen, based on the user’s input. Often times, designing those interactions will require chaining two or more animations to obtain intuitive and meaningful transitions. Harnessing animation chaining will surely improve your design and make it more attractive and user friendly.

Continue Reading

The Science Behind Snapping Scroll – Part II: Animation & Logic

It’s been ages since my last article, especially in light of the breakneck speed with which prototyping with Quartz Composer is evolving. People contribute so much it’s hard to keep up with everything that’s going on. Nevertheless, I hope the basics I cover in the second part of my Snapping Scroll tutorial will still prove to be helpful to you.

Continue Reading

The Science Behind Snapping Scroll – Part I: Dragging

In my last article I covered the basics of the QC coordinates system and explained how to convert the Mouse patch output to match the Origami Phone screen.

I also attached my Snapping Scroll file, as an example of practical usage. Now let me delve into the science behind the Snapping Scroll itself.

Continue Reading