14
はるかまきり UIKit Dynamics 発表 a.k.a ようにゃん Designed by @meyco

20131005 cocoa関西

Embed Size (px)

Citation preview

Page 1: 20131005 cocoa関西

はるかまきり と

UIKit Dynamics発表 a.k.a ようにゃん

Designed by @meyco

Page 2: 20131005 cocoa関西

Agenda

はるかまきり UIKit Dynamics

Page 3: 20131005 cocoa関西

ようにゃん@windblume

!社会人4年目のこうべっこ!

iOSデベロッパー。はるかまきり作っています!WWDC2013に参加しました。とある科学の港町(KOBE)

windblume.hatenablog.com

self-introduction.

Page 4: 20131005 cocoa関西

Harukamakiriはるかまきり

Page 5: 20131005 cocoa関西

シンプルなTwitterクライアントはるかまきり

Page 6: 20131005 cocoa関西

UIKit Dynamicsだいなみっくす!

Page 7: 20131005 cocoa関西

UIKit Dynamics

• 現実世界風の動きをさせるFramework

• 事前定義された、インタラクティブなアニメーションを組み合わせる

• UIをDesignするためのFramework

iOS7で追加されたUIKitの新機能

Page 8: 20131005 cocoa関西

Demo

-iOSロックスクリーン

Page 9: 20131005 cocoa関西

ゲーム作れんの?

• 作ろうと思えば作れるけど、UIKit Dynamicsはゲームを作るためのものじゃないよ

• ゲームは同じくiOS7から登場のSprite Kitを!

Page 10: 20131005 cocoa関西

UIDynamicAnimator

UIDynamicBehavior UIDynamicBehavior UIDynamicBehavior

View View View

animator = [[UIDynamicAnimator alloc] initWithRefenceVire:refernceView]; ![animator addBehavior:...]; [animator addBehavior:...];

UIKit Dynamicsの構造

Page 11: 20131005 cocoa関西

定義されているBehaviors

• Gravity

• Collision

• Attachments

• Snap

• Forces

• Item properties

Page 12: 20131005 cocoa関西

Demo

-ロックスクリーンデモ

-ビュー落下デモ

Page 13: 20131005 cocoa関西

fin

Page 14: 20131005 cocoa関西

参考WWDC2013 !Session 206. Getting Started with UIKit Dynamics !Session 221. Advanced Techniques with UIKit Dynamics !Sample Code UIKit Dynamics Catalog