個人的なメモ

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

Cocos Sharp 画面遷移のアニメーション (5) CCTransitionPageTurn, CCTransitionProgress*

はじめに

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

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

今回はCCTransitionPageTurnCCTransitionProgress*をご紹介します。

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

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

CCTransitionPageTurn (backwards = true)

f:id:hiro128:20170419203637g:plain

CCTransitionPageTurn (backwards = false)

f:id:hiro128:20170419203716g:plain

なんとも言葉では表現できない動きです(笑)。
backwardstruefalseかで向きが逆になります。

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

こちらも説明するより見ていただいたほうが早いので、早速アニメーションを実際に見てみましょう。
ちなみに、RadialCWはClockWise、RadialCCWはCounterClockWiseの事です。

CCTransitionProgressHorizontal

f:id:hiro128:20170419203802g:plain

CCTransitionProgressVertical

f:id:hiro128:20170419204636g:plain

CCTransitionProgressInOut

f:id:hiro128:20170419203932g:plain

CCTransitionProgressOutIn

f:id:hiro128:20170419204009g:plain

CCTransitionProgressRadialCW

f:id:hiro128:20170419204416g:plain

CCTransitionProgressRadialCCW

f:id:hiro128:20170419204442g:plain

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

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