Prototype Animation | Design

Let's learn to make app animations in half an hour.

One day we'll be able to build an iWatch app in Xcode, but until the SDK is available, we'll learn how to prototype using the Origami toolset for Quartz Composer.

You'll be creating a springy lightbox effect. It has some subtle nuances that make this interaction special. You'll also learn how to control each of these effects like changing the background to a darker blur, hiding the navigation bar, and repositioning the user metadata below the photo.

Together, we're going to create a sliding drawer menu. Within this menu, we'll construct navigation options that transition into being on a staggered basis.

The Tools

For good reason, Quartz Composer and Facebook's Origami have been garnering a lot of attention lately. Together, they've made possible some innovative user interfaces, including Facebook Paper.

iWatch is a good platform to put these new tools through their paces and create a small app to get feedback on. 

Come Prepared 

There are three key things you'll need before Thursday evening.

1. Register as an Apple Developer (if you haven't already) 
2. Download and install Quartz Composer 
3. Download and install Origami (req. Mac OS X 10.8 or higher)

Once you have those installed, see you Thursday!

Extra credit: We have some great preparation in the notes from our previous Animation event a few weeks back. We'll be going over new animations in this event, but don't worry if you missed the last one. You'll be able to pick it up just fine.

What if I can't attend in person?

No worries. We'll post the code, slides, and video to our group website. happy.watch →

About this event's speaker

Ben Morrow is an experience engineer who builds web and mobile apps. benmorrow.info →

About our group

Let's get together and learn how to develop for iWatch. Events are hosted in the San Francisco Bay Area and Silicon Valley. Speakers present in a "live code" style. 

Apple's "iWatch" is projected to arrive in October. Expect a slim-profile watch running iOS that integrates with iPhones and iPads. The watch will have biometric sensors that integrate with a new Health app. There will undoubtably be new types of apps for the platform that haven't been invented yet. 

Part of the goal is to connect people together so they can work on projects. 

Join or login to comment.

  • Ben M.

    Hi all, thanks again for coming last night. Notes are up http://bit.ly/animation-2

    Let me know if I missed anything. See you all again soon!

    1 · July 18

  • George C.

    Ben, thanks for a great class.

    1 · July 17

  • Ben M.

    These are the Quartz Composer files we'll be starting from tonight:

    Lesson 2 - Bouncy Zoom
    https://db.tt/8OHRIAHO­

    Lesson 4 - Sliding Menu
    https://db.tt/cqEYzFsT­

    July 17

  • A former member
    A former member

    Last min. cancelation. Got held up at work :(

    July 17

    • Priyanka G.

      Me too sorry

      July 17

    • A former member
      A former member

      Jk. I might be able to, we'll see I am in mt view too. So i might be there at 7:40 would that work?

      July 17

  • Priyanka G.

    How long will the event be?

    July 17

    • Ben M.

      Hi Priyanka, it will be one hour. Hope to see you soon

      July 17

  • Priyanka G.

    I have Xcode6-Beta3 and the Quartz Composer (in the above link) is for Xcode 5.1. Will it be compatible with Xcode6-Beta3?

    July 16

    • Ben M.

      Hey Priyanka, yep, Quartz Composer works well even with Xcode 6 Beta 3. See you tomorrow!

      July 16

  • Patrick B.

    Animation's something I desperately need practice on, thank you for the great topic choice

    July 13

12 went

Our Sponsors

  • http://happy.watch

    Our tutorials, notes, slides, and video from previous events.

  • Become a sponsor

    Building a team? Get your name in front of designers and developers.

  • Become a speaker

    Give back by teaching about design, dev, or business for Apple Watch.

People in this
Meetup are also in:

Create your own Meetup Group

Get started Learn more
Bill

I started the group because there wasn't any other type of group like this. I've met some great folks in the group who have become close friends and have also met some amazing business owners.

Bill, started New York City Gay Craft Beer Lovers

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy