個人的なメモ

Tomohiro Suzuki @hiro128_777 のブログです。Microsoft MVP for Developer Technologies 2017- 本ブログと所属組織の公式見解は関係ございません。

Cocos Sharp 画面遷移のアニメーション (7) CCTransitionSplit*, CCTransitionTurnOffTiles, CCTransitionZoomFlip*

はじめに

こんにちは、@hiro128_777です。
今回も、前回に引き続き Cocos Sharp の画面遷移の際のアニメーションについてご紹介します。

前回はCCTransitionRotoZoom, CCTransitionShrinkGrowCCTransitionSlideIn*のアニメーションをご紹介しました。
hiro128.hatenablog.jp

今回はCCTransitionSplit*, CCTransitionTurnOffTilesCCTransitionZoomFlip*をご紹介します。

言葉で表現するよりも見ていただいたほうが早いので、早速アニメーションを実際に見てみましょう。

画面遷移の際のアニメーション ~CCTransitionSplit*~

CCTransitionSplitCols

f:id:hiro128:20170727101253g:plain

CCTransitionSplitRows

f:id:hiro128:20170727101320g:plain

画面遷移の際のアニメーション ~CCTransitionTurnOffTiles~

CCTransitionTurnOffTiles

f:id:hiro128:20170727101347g:plain

画面遷移の際のアニメーション ~CCTransitionZoomFlip*~

CCTransitionZoomFlipAngular (CCTransitionOrientation.DownOver, CCTransitionOrientation.UpOver, CCTransitionOrientation.LeftOver)

f:id:hiro128:20170727101413g:plain

CCTransitionOrientation.DownOver,CCTransitionOrientation.UpOver,CCTransitionOrientation.LeftOverは同じ動きになります。

CCTransitionZoomFlipAngular (CCTransitionOrientation.RightOver)

f:id:hiro128:20170727101444g:plain

CCTransitionZoomFlipX (CCTransitionOrientation.DownOver, CCTransitionOrientation.UpOver, CCTransitionOrientation.LeftOver)

f:id:hiro128:20170727101521g:plain

CCTransitionOrientation.DownOver,CCTransitionOrientation.UpOver,CCTransitionOrientation.LeftOverは同じ動きになります。

CCTransitionZoomFlipX (CCTransitionOrientation.RightOver)

f:id:hiro128:20170727101557g:plain

CCTransitionZoomFlipY (CCTransitionOrientation.DownOver, CCTransitionOrientation.LeftOver, CCTransitionOrientation.RightOver)

f:id:hiro128:20170727101635g:plain

CCTransitionOrientation.DownOver,CCTransitionOrientation.LeftOver,CCTransitionOrientation.RightOverは同じ動きになります。

CCTransitionZoomFlipY (CCTransitionOrientation.UpOver)

f:id:hiro128:20170727101714g:plain


というわけで、色々なアニメーションがありますので、皆さんも、色々試してみてください!

また、画面遷移のアニメーションのご紹介は今回で終了です。

では、今回はここまでです。