Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Interaction Prototyping with Quartz Composer

Interaction Prototyping with Quartz Composer

Originally presented at Triangle CocoaHeads on May 23, 2013

Jay Thrash

May 23, 2013
Tweet

More Decks by Jay Thrash

Other Decks in Programming

Transcript

  1. Interaction Prototyping with Quartz Composer Jay Thrash twitter web jay@jaythrash.com

    Triangle CocoaHeads - May 2013 Saturday, January 18, 14
  2. Quartz Composer Saturday, January 18, 14

  3. Quartz Composer Saturday, January 18, 14

  4. Quartz Composer Saturday, January 18, 14

  5. Quartz Composer Visual programming environment Saturday, January 18, 14

  6. Quartz Composer Visual programming environment Quickly create sophisticated motion graphics

    Saturday, January 18, 14
  7. Quartz Composer Visual programming environment Quickly create sophisticated motion graphics

    Connecting together building blocks of graphics processing functionality Saturday, January 18, 14
  8. Quartz Composer Visual programming environment Quickly create sophisticated motion graphics

    Connecting together building blocks of graphics processing functionality Rapidly design dynamic visualizations Saturday, January 18, 14
  9. Quartz Composer Visual programming environment Rapidly design dynamic visualizations Quickly

    create sophisticated motion graphics Connecting together building blocks of graphics processing functionality Saturday, January 18, 14
  10. Quartz Composer http://developer.apple.com/downloads Saturday, January 18, 14

  11. Quartz Composer http://medium.com/the-year-of-the-looking-glass Saturday, January 18, 14

  12. Quartz Composer “It's no secret that many of us on

    the Facebook Design team are avid users of Quartz Composer” http://medium.com/the-year-of-the-looking-glass Saturday, January 18, 14
  13. Quartz Composer http://medium.com/the-year-of-the-looking-glass “Quartz Composer is also incredibly effective at

    telling the story of a design” Saturday, January 18, 14
  14. Dave O’Brien @daveobrien_ Quartz Composer Saturday, January 18, 14

  15. http://qc.prabros.com/primer1.html Quartz Composer Saturday, January 18, 14

  16. Wiring Patches Quartz Composer Saturday, January 18, 14

  17. +1.0 -1.0 +X -X +Y -Y +Z -Z +1.0 -1.0

    Relative Coordinates Units vs. Pixels Quartz Composer Saturday, January 18, 14
  18. Quartz Composer Button Demo Saturday, January 18, 14

  19. Quartz Composer Macro Patches Demo Saturday, January 18, 14

  20. Quartz Composer Animation Demo Saturday, January 18, 14

  21. Resources & Attributions Jay Thrash :: jay@jaythrash.com :: @jaythrash iMessage

    Concept http://dribbble.com/shots/1048781-iMessage-Concept Composing with Quartz http://joe.sh/qc-tips Dave O Brien Facebook Home tutorials http://vimeo.com/daveobrien/videos Quartz Composer Diary http://qc.prabros.com/toc.html Go Big by Going Home https://medium.com/the-year-of-the-looking-glass Saturday, January 18, 14