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

はじめに

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

前回はCCTransitionJumpZoomとCCTransitionMoveIn＊のアニメーションをご紹介しました。
hiro128.hatenablog.jp

今回はCCTransitionPageTurnとCCTransitionProgress＊をご紹介します。

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

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

CCTransitionPageTurn　（backwards = true）

CCTransitionPageTurn　（backwards = false）

なんとも言葉では表現できない動きです（笑）。
backwardsがtrueかfalseかで向きが逆になります。

画面遷移の際のアニメーション ～CCTransitionProgress＊～

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

CCTransitionProgressHorizontal

CCTransitionProgressVertical

CCTransitionProgressInOut

CCTransitionProgressOutIn

CCTransitionProgressRadialCW

CCTransitionProgressRadialCCW

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

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

Cocos Sharp 画面遷移のアニメーション (4) CCTransitionJumpZoom, CCTransitionMoveIn＊

はじめに

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

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

今回は CCTransitionJumpZoomCCTransitionMoveIn＊ をご紹介します。

CCTransitionJumpZoom は文字通り「画面がジャンプしながらズーム」します。

CCTransitionMoveIn＊ は ＊ で示された方向、つまり　B->Bottom, L->Left, R->Right, T->Top から遷移先の画面が現れます。

では、アニメーションを実際に見てみましょう。

画面遷移の際のアニメーション ～CCTransitionJumpZoom～

CCTransitionJumpZoom

画面遷移の際のアニメーション ～CCTransitionMoveIn＊～

CCTransitionMoveInB

CCTransitionMoveInL

CCTransitionMoveInR

CCTransitionMoveInT

というわけで、色々なアニメーションがあるので、ぜひ、色々試してみてください。

今回はここまでです。

Cocos Sharp 画面遷移のアニメーション (3) CCTransitionFlipX, CCTransitionFlipY

はじめに

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

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

今回はCCTransitionFlipXとCCTransitionFlipYをご紹介します。

FlipX, FlipY はそれぞれ「X軸で裏返す」「Y軸で裏返す」と言う感じのアニメーションになります。

では、アニメーションを実際に見てみましょう。

画面遷移の際のアニメーション ～CCTransitionFlipX, CCTransitionFlipY～

CCTransitionFlipX　（CCTransitionOrientation.LeftOver）

CCTransitionFlipX　（CCTransitionOrientation.RightOver）

X軸で裏返すので、CCTransitionOrientation.DownOverCCTransitionOrientation.UpOverは意味がありません。
一応動作はしますがCCTransitionOrientation.LeftOverまたはCCTransitionOrientation.RightOverと同じ動作になり無意味です。

CCTransitionFlipY　（CCTransitionOrientation.DownOver）

CCTransitionFlipY　（CCTransitionOrientation.UpOver）

Y軸で裏返すので、CCTransitionOrientation.LeftOverCCTransitionOrientation.RightOverは意味がありません。
一応動作はしますがCCTransitionOrientation.DownOverまたはCCTransitionOrientation.UpOverと同じ動作になり無意味です。

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

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

Microsoft Most Valuable Professional Award を受賞いたしました。

こんにちは、＠hiro128_777です。

この度、2017年3月に、Visual Studio and Development Technologies カテゴリーにて Microsoft Most Valuable Professional Award を受賞いたしました！！

正直、とても嬉しいです！！

身に余る光栄ですが、今後よりいっそう頑張っていきたいと決意を新たにしました。

そして、今回の受賞は私一人の力ではなく、支えてくださった大勢の方々の支援あってのことと痛感しております。このブログを読んでいただいたみなさま、JXUGのみなさま、MVPを目指したときに相談に乗って頂きました先輩MVPの方々、そして私の業務の負担を軽くするために協力頂いた職場のみなさま、家庭の時間を減らすことに協力してくれた妻、休日に遊ぶのを我慢してくれた息子、みなさまご支援本当にありがとうございました。

先輩MVPの方々と比べるとまだまだ未熟者ですが、よりいっそう精力的に活動していきたいと思います。

繰り返しになりますが、みなさま本当にありがとうございました。

Cocos Sharp 画面遷移のアニメーション (2) CCTransitionFlipAngular

はじめに

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

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

今回は CCTransitionFlipAngular をご紹介します。

FlipAngular を日本語にすると「角度をつけて裏返す」と言う感じの意味になります。

では、アニメーションを実際に見てみましょう。

画面遷移の際のアニメーション ～CCTransitionFlipAngular～

CCTransitionFlipAngular　（CCTransitionOrientation.DownOver）

CCTransitionFlipAngular　（CCTransitionOrientation.LeftOver）

CCTransitionFlipAngular　（CCTransitionOrientation.RightOver）

CCTransitionFadeBL　（CCTransitionOrientation.UpOver）

というわけで、色々なアニメーションがあるので、ぜひ、色々試してみてください。

今回はここまでです。