SlideShare a Scribd company logo
第 3 の選択: Core Animation


         越智 修司

       @ponpoko1968
越智修司           (@ponpoko1968)
•   前半 GM とか SE(2004 年〜 2006 年 )

    •   FeliCa, 銀行 (i アプリバンキング )

    •   EAN128 バーコードリーダ

•   最近は専ら開発

    •   きせかえ多機種展開

    •   iOS アプリ

        •    倖田來未

        •    ワタナベガールズ

    •       データ分析

•   Cocoa 勉強会関西

•   関西ソーシャルゲーム勉強会
クリップリーダー
PDF/ コミックリーダー
勤怠くん
洋ゲー大好き♪
 •   ゲーマータグ
     •   ponpoko1968
Core Animation とは


   MacOSX/iOS で使用できる
   アニメーション
   フレームワーク
   iOS の UI 部品は Core Animation の
      ラッパ
ポテンシャルの割に使われてない
特徴 その1

•   layer = スプライトのような概念

    •   画面全体を覆うようなものではない

•   layer は階層化できる

•   標準の UI 部品の属性はほとんど animatable

    •   位置・大きさ

    •   色・透過

    •   回転

•   ネイティブ UI をシームレスにアニメーションで
    きる
デモ(1)
•   UI にスパイスを。。。
たった数行
影
targetView.layer.shadowOffset = CGSizeMake(2.0, 2.0);
targetView.layer.shadowColor = [[UIColor blackColor] CGColor];
targetView.layer.shadowOpacity = 0.65;



角丸
targetView.layer.cornerRadius = self.cornerSlider.value;
特徴 その2




トランザクショナル &MVC な
 プログラミングモデル
MV(C) +時間


presentation




Model

                                   未来時点の
               今の状態               あるべき状態




時間             t1                   t2
デモ (2)
2 つの属性をアニメーションさせる


content




                y1
                                     y1

position




                            y2



時間         t1                            t2
トランザクションの記述例

[CATransaction begin];

CAKeyframeAnimation* animation = [CAKeyframeAnimation :
animationWithKeyPath:@"position"];

animation.duration = ANIMATION_DURATION;

animation.values = positions;// 配列

animation.repeatCount = 5; // たとえば5回繰り返す

animation.timingFunction = [CAMediaTimingFunction
functionWithName:kCAMediaTimingFunctionEaseOut];

[layer addAnimation:animation forKey:nil];

....

[CATransaction commit];
応用例




•   Web ラッパーのカットインムービー
Web の画面遷移をフックする方法


- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:
(NSURLRequest *)request navigationType:
(UIWebViewNavigationType)navigationType

{

Log(@"[%d]request=%@",navigationType,request);

    if( navigationType   == 0 )

     [self startAnimation];

    return YES;

}
アニメーションの終了後に実行


[CATransaction setCompletionBlock:^{

     if( self._delayedRequest ){

          self._owlView.hidden = YES;

         [self.webView loadRequest:self._delayedRequest];

     }

   }];
デモ (3)
課題




オーサリングツールが無い
対策

•   手動でがんばる
•   オーサリングツールを作る
•   既存のオーサリングツールが出力する形
    式をインポートする
•   既存のアニメーション形式
    •   Flash
    •   sprite studio
Flash
•   もともと Core Animation は Flash を参考にし
    た節がある。
•   相当する描画プリミティブも用意されて
    いる
•   SWF ファイルをパースするライブラリを
    用いて、内部データをキーフレームにご
    とに切り出せば理論上は可能
第 3 の選択:
1. がっつり作って没入型インタフェー
   スを持つアプリ /UI を作る
   (OpenGLES, Unity,Cocos2D)
2. HTML5+canvas / CSS3
3. 場合によっては Core Animation
まとめ
•   自動で補間してくれるためコード上の記
    述が簡単
•   iOS の UI とシームレス
•   結構強力なアニメーションができる
•   GPU 連携(たぶん)しているので軽量
•   あらかじめ動きを決めてから、アニメー
    ション刺せるというモデルのため、アク
    ションゲームのキャラクタ表示などには
    不向き( Web でいうと CSS3 に近いイメー
    ジ)
ご清聴ありがとうございました
参考文献

•       CA360(Core Animation の Demo)
    •      https://github.com/neror/CA360


•       steps to phantasien
    •      WebKit CSS と core animation の関係
    •      http://stepped.dodgson.org/?date=20090822


•       @nakiwo 氏のスライド
    •      「 Core Animation part1 」
    •      http://www.slideshare.net/yuichi_fujishige/core-animation-part1

    •      「 CAKeyframeAnimation 」
    •      http://www.slideshare.net/yuichi_fujishige/cakeyframeanimation

More Related Content

Viewers also liked

スペースハルク
スペースハルクスペースハルク
スペースハルクOCHI Shuji
 
神戸AEDマップの紹介
神戸AEDマップの紹介神戸AEDマップの紹介
神戸AEDマップの紹介
OCHI Shuji
 
iOS ジオフェンシングで簡単リアル連動
iOS ジオフェンシングで簡単リアル連動iOS ジオフェンシングで簡単リアル連動
iOS ジオフェンシングで簡単リアル連動
OCHI Shuji
 
第3回関西ソーシャルゲーム勉強会 アクセス時間帯の分析
第3回関西ソーシャルゲーム勉強会 アクセス時間帯の分析第3回関西ソーシャルゲーム勉強会 アクセス時間帯の分析
第3回関西ソーシャルゲーム勉強会 アクセス時間帯の分析OCHI Shuji
 
Cocoa勉強会pdf関連
Cocoa勉強会pdf関連Cocoa勉強会pdf関連
Cocoa勉強会pdf関連OCHI Shuji
 
第4回関西ソーシャルゲーム勉強会 ソーシャルゲームのビジネスインテリジェンス
第4回関西ソーシャルゲーム勉強会 ソーシャルゲームのビジネスインテリジェンス第4回関西ソーシャルゲーム勉強会 ソーシャルゲームのビジネスインテリジェンス
第4回関西ソーシャルゲーム勉強会 ソーシャルゲームのビジネスインテリジェンス
OCHI Shuji
 
デブサミ関西2013 「ソーシャルゲームのデータサイエンス」
デブサミ関西2013 「ソーシャルゲームのデータサイエンス」デブサミ関西2013 「ソーシャルゲームのデータサイエンス」
デブサミ関西2013 「ソーシャルゲームのデータサイエンス」
OCHI Shuji
 
2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料
OCHI Shuji
 
第1回関西ソーシャルゲーム勉強会 kpi発表
第1回関西ソーシャルゲーム勉強会 kpi発表第1回関西ソーシャルゲーム勉強会 kpi発表
第1回関西ソーシャルゲーム勉強会 kpi発表
OCHI Shuji
 
ソーシャルゲームのデータ分析基盤としてのAWS Jaws ug三都物語LT
ソーシャルゲームのデータ分析基盤としてのAWS Jaws ug三都物語LTソーシャルゲームのデータ分析基盤としてのAWS Jaws ug三都物語LT
ソーシャルゲームのデータ分析基盤としてのAWS Jaws ug三都物語LTOCHI Shuji
 

Viewers also liked (11)

スペースハルク
スペースハルクスペースハルク
スペースハルク
 
Manual en
Manual enManual en
Manual en
 
神戸AEDマップの紹介
神戸AEDマップの紹介神戸AEDマップの紹介
神戸AEDマップの紹介
 
iOS ジオフェンシングで簡単リアル連動
iOS ジオフェンシングで簡単リアル連動iOS ジオフェンシングで簡単リアル連動
iOS ジオフェンシングで簡単リアル連動
 
第3回関西ソーシャルゲーム勉強会 アクセス時間帯の分析
第3回関西ソーシャルゲーム勉強会 アクセス時間帯の分析第3回関西ソーシャルゲーム勉強会 アクセス時間帯の分析
第3回関西ソーシャルゲーム勉強会 アクセス時間帯の分析
 
Cocoa勉強会pdf関連
Cocoa勉強会pdf関連Cocoa勉強会pdf関連
Cocoa勉強会pdf関連
 
第4回関西ソーシャルゲーム勉強会 ソーシャルゲームのビジネスインテリジェンス
第4回関西ソーシャルゲーム勉強会 ソーシャルゲームのビジネスインテリジェンス第4回関西ソーシャルゲーム勉強会 ソーシャルゲームのビジネスインテリジェンス
第4回関西ソーシャルゲーム勉強会 ソーシャルゲームのビジネスインテリジェンス
 
デブサミ関西2013 「ソーシャルゲームのデータサイエンス」
デブサミ関西2013 「ソーシャルゲームのデータサイエンス」デブサミ関西2013 「ソーシャルゲームのデータサイエンス」
デブサミ関西2013 「ソーシャルゲームのデータサイエンス」
 
2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料
 
第1回関西ソーシャルゲーム勉強会 kpi発表
第1回関西ソーシャルゲーム勉強会 kpi発表第1回関西ソーシャルゲーム勉強会 kpi発表
第1回関西ソーシャルゲーム勉強会 kpi発表
 
ソーシャルゲームのデータ分析基盤としてのAWS Jaws ug三都物語LT
ソーシャルゲームのデータ分析基盤としてのAWS Jaws ug三都物語LTソーシャルゲームのデータ分析基盤としてのAWS Jaws ug三都物語LT
ソーシャルゲームのデータ分析基盤としてのAWS Jaws ug三都物語LT
 

Similar to Core Animation 使って見た

㉒初期プロジェクトを改造!
㉒初期プロジェクトを改造!㉒初期プロジェクトを改造!
㉒初期プロジェクトを改造!
Nishida Kansuke
 
LIFULL HOME'S「かざして検索」リリースの裏側
LIFULL HOME'S「かざして検索」リリースの裏側LIFULL HOME'S「かざして検索」リリースの裏側
LIFULL HOME'S「かざして検索」リリースの裏側
Takuro Hanawa
 
Android gameprogramming
Android gameprogrammingAndroid gameprogramming
Android gameprogramming
Masahiro Hidaka
 
スマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブルスマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブル
Hiroaki Wakamatsu
 
2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山2013 Ignite UI 最新情報 in 岡山
try! Swift - Advanced Graphics with Core Animation
try! Swift - Advanced Graphics with Core Animationtry! Swift - Advanced Graphics with Core Animation
try! Swift - Advanced Graphics with Core Animation
Tim Oliver
 
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashインタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
Yasunobu Ikeda
 
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
Yoshito Tabuchi
 
ロボコンの為のFusion360講座 vol2.レンダリング編
ロボコンの為のFusion360講座 vol2.レンダリング編ロボコンの為のFusion360講座 vol2.レンダリング編
ロボコンの為のFusion360講座 vol2.レンダリング編
Ryo Takahashi
 
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」Yasunobu Ikeda
 
UE4.17で入る新機能を一気に紹介・解説!
UE4.17で入る新機能を一気に紹介・解説!UE4.17で入る新機能を一気に紹介・解説!
UE4.17で入る新機能を一気に紹介・解説!
エピック・ゲームズ・ジャパン Epic Games Japan
 
Cocos2dを使ったi phoneゲーム開発手法
Cocos2dを使ったi phoneゲーム開発手法Cocos2dを使ったi phoneゲーム開発手法
Cocos2dを使ったi phoneゲーム開発手法
Nishida Kansuke
 
Inside of excel 方眼紙撲滅委員会 #pyfes
Inside of excel 方眼紙撲滅委員会 #pyfesInside of excel 方眼紙撲滅委員会 #pyfes
Inside of excel 方眼紙撲滅委員会 #pyfesTakeshi Komiya
 
JavaScriptでいいじゃなイカ
JavaScriptでいいじゃなイカJavaScriptでいいじゃなイカ
JavaScriptでいいじゃなイカ
Yuuichi Akagawa
 
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Yasuhito Yabe
 
Unityの夕べ in Fukuoka
Unityの夕べ in FukuokaUnityの夕べ in Fukuoka
Unityの夕べ in Fukuoka
Shinobu Izumi
 
Cedec2012 ai-contest-design-patterns-principles
Cedec2012 ai-contest-design-patterns-principlesCedec2012 ai-contest-design-patterns-principles
Cedec2012 ai-contest-design-patterns-principles
Hironori Washizaki
 
OpenCVをAndroidで動かしてみた
OpenCVをAndroidで動かしてみたOpenCVをAndroidで動かしてみた
OpenCVをAndroidで動かしてみた徹 上野山
 
アニメーション(のためのパフォーマンス)の基礎知識
アニメーション(のためのパフォーマンス)の基礎知識アニメーション(のためのパフォーマンス)の基礎知識
アニメーション(のためのパフォーマンス)の基礎知識
Yosuke Onoue
 

Similar to Core Animation 使って見た (20)

㉒初期プロジェクトを改造!
㉒初期プロジェクトを改造!㉒初期プロジェクトを改造!
㉒初期プロジェクトを改造!
 
LIFULL HOME'S「かざして検索」リリースの裏側
LIFULL HOME'S「かざして検索」リリースの裏側LIFULL HOME'S「かざして検索」リリースの裏側
LIFULL HOME'S「かざして検索」リリースの裏側
 
Android gameprogramming
Android gameprogrammingAndroid gameprogramming
Android gameprogramming
 
スマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブルスマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブル
 
2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山
 
try! Swift - Advanced Graphics with Core Animation
try! Swift - Advanced Graphics with Core Animationtry! Swift - Advanced Graphics with Core Animation
try! Swift - Advanced Graphics with Core Animation
 
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashインタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
 
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
 
ロボコンの為のFusion360講座 vol2.レンダリング編
ロボコンの為のFusion360講座 vol2.レンダリング編ロボコンの為のFusion360講座 vol2.レンダリング編
ロボコンの為のFusion360講座 vol2.レンダリング編
 
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
 
UE4.17で入る新機能を一気に紹介・解説!
UE4.17で入る新機能を一気に紹介・解説!UE4.17で入る新機能を一気に紹介・解説!
UE4.17で入る新機能を一気に紹介・解説!
 
Cocos2dを使ったi phoneゲーム開発手法
Cocos2dを使ったi phoneゲーム開発手法Cocos2dを使ったi phoneゲーム開発手法
Cocos2dを使ったi phoneゲーム開発手法
 
Inside of excel 方眼紙撲滅委員会 #pyfes
Inside of excel 方眼紙撲滅委員会 #pyfesInside of excel 方眼紙撲滅委員会 #pyfes
Inside of excel 方眼紙撲滅委員会 #pyfes
 
JavaScriptでいいじゃなイカ
JavaScriptでいいじゃなイカJavaScriptでいいじゃなイカ
JavaScriptでいいじゃなイカ
 
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
 
Unityの夕べ in Fukuoka
Unityの夕べ in FukuokaUnityの夕べ in Fukuoka
Unityの夕べ in Fukuoka
 
Storyboard
StoryboardStoryboard
Storyboard
 
Cedec2012 ai-contest-design-patterns-principles
Cedec2012 ai-contest-design-patterns-principlesCedec2012 ai-contest-design-patterns-principles
Cedec2012 ai-contest-design-patterns-principles
 
OpenCVをAndroidで動かしてみた
OpenCVをAndroidで動かしてみたOpenCVをAndroidで動かしてみた
OpenCVをAndroidで動かしてみた
 
アニメーション(のためのパフォーマンス)の基礎知識
アニメーション(のためのパフォーマンス)の基礎知識アニメーション(のためのパフォーマンス)の基礎知識
アニメーション(のためのパフォーマンス)の基礎知識
 

Recently uploaded

FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdfFIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance
 
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
Fukuoka Institute of Technology
 
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
Sony - Neural Network Libraries
 
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
NTT DATA Technology & Innovation
 
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
atsushi061452
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
 
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
Matsushita Laboratory
 
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
atsushi061452
 
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdfFIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance
 
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
yassun7010
 
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdfFIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdfFIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance
 
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
harmonylab
 
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdfFIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance
 
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
iPride Co., Ltd.
 

Recently uploaded (15)

FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdfFIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
 
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
 
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
 
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
 
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
 
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
 
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
 
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdfFIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
 
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
 
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdfFIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
 
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdfFIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdf
 
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
 
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdfFIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
 
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
 

Core Animation 使って見た

  • 1. 第 3 の選択: Core Animation 越智 修司 @ponpoko1968
  • 2. 越智修司 (@ponpoko1968) • 前半 GM とか SE(2004 年〜 2006 年 ) • FeliCa, 銀行 (i アプリバンキング ) • EAN128 バーコードリーダ • 最近は専ら開発 • きせかえ多機種展開 • iOS アプリ • 倖田來未 • ワタナベガールズ • データ分析 • Cocoa 勉強会関西 • 関西ソーシャルゲーム勉強会
  • 5. 洋ゲー大好き♪ • ゲーマータグ • ponpoko1968
  • 6. Core Animation とは MacOSX/iOS で使用できる アニメーション フレームワーク iOS の UI 部品は Core Animation の ラッパ
  • 8. 特徴 その1 • layer = スプライトのような概念 • 画面全体を覆うようなものではない • layer は階層化できる • 標準の UI 部品の属性はほとんど animatable • 位置・大きさ • 色・透過 • 回転 • ネイティブ UI をシームレスにアニメーションで きる
  • 9. デモ(1) • UI にスパイスを。。。
  • 10. たった数行 影 targetView.layer.shadowOffset = CGSizeMake(2.0, 2.0); targetView.layer.shadowColor = [[UIColor blackColor] CGColor]; targetView.layer.shadowOpacity = 0.65; 角丸 targetView.layer.cornerRadius = self.cornerSlider.value;
  • 11. 特徴 その2 トランザクショナル &MVC な プログラミングモデル
  • 12. MV(C) +時間 presentation Model 未来時点の 今の状態 あるべき状態 時間 t1 t2
  • 15. トランザクションの記述例 [CATransaction begin]; CAKeyframeAnimation* animation = [CAKeyframeAnimation : animationWithKeyPath:@"position"]; animation.duration = ANIMATION_DURATION; animation.values = positions;// 配列 animation.repeatCount = 5; // たとえば5回繰り返す animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]; [layer addAnimation:animation forKey:nil]; .... [CATransaction commit];
  • 16. 応用例 • Web ラッパーのカットインムービー
  • 17. Web の画面遷移をフックする方法 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest: (NSURLRequest *)request navigationType: (UIWebViewNavigationType)navigationType { Log(@"[%d]request=%@",navigationType,request); if( navigationType == 0 ) [self startAnimation]; return YES; }
  • 18. アニメーションの終了後に実行 [CATransaction setCompletionBlock:^{ if( self._delayedRequest ){ self._owlView.hidden = YES; [self.webView loadRequest:self._delayedRequest]; } }];
  • 21. 対策 • 手動でがんばる • オーサリングツールを作る • 既存のオーサリングツールが出力する形 式をインポートする • 既存のアニメーション形式 • Flash • sprite studio
  • 22. Flash • もともと Core Animation は Flash を参考にし た節がある。 • 相当する描画プリミティブも用意されて いる • SWF ファイルをパースするライブラリを 用いて、内部データをキーフレームにご とに切り出せば理論上は可能
  • 23. 第 3 の選択: 1. がっつり作って没入型インタフェー スを持つアプリ /UI を作る (OpenGLES, Unity,Cocos2D) 2. HTML5+canvas / CSS3 3. 場合によっては Core Animation
  • 24. まとめ • 自動で補間してくれるためコード上の記 述が簡単 • iOS の UI とシームレス • 結構強力なアニメーションができる • GPU 連携(たぶん)しているので軽量 • あらかじめ動きを決めてから、アニメー ション刺せるというモデルのため、アク ションゲームのキャラクタ表示などには 不向き( Web でいうと CSS3 に近いイメー ジ)
  • 26. 参考文献 • CA360(Core Animation の Demo) • https://github.com/neror/CA360 • steps to phantasien • WebKit CSS と core animation の関係 • http://stepped.dodgson.org/?date=20090822 • @nakiwo 氏のスライド • 「 Core Animation part1 」 • http://www.slideshare.net/yuichi_fujishige/core-animation-part1 • 「 CAKeyframeAnimation 」 • http://www.slideshare.net/yuichi_fujishige/cakeyframeanimation

Editor's Notes

  1. ponpokoCA デモ
  2. SweetHome のスイッピーのアニメーション
  3. WebView の遷移