個人的なメモ

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

Cocos Sharp 画面遷移のアニメーション (1) Fade 系

はじめに

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

画面遷移の際のアニメーションは非常にたくさんの種類がありますが、今回はその中から Fade 系の効果をご紹介します。

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

CCTransitionFade

フェードアウト→いったん真っ暗になる→フェードイン

f:id:hiro128:20170221183321g:plain

CCTransitionCrossFade

フェードアウト→(次のシーンが重なりながら)フェードイン

f:id:hiro128:20170221183358g:plain

CCTransitionFadeTR

左下から右上(Top Right)へ分割された小さい正方形で切り替わる

f:id:hiro128:20170221183415g:plain

CCTransitionFadeBL

右上から左下(Bottom Left)へ分割された小さい正方形で切り替わる

f:id:hiro128:20170221183443g:plain

CCTransitionFadeUp

下から上へ横に分割された長方形で切り替わる

f:id:hiro128:20170221183515g:plain

CCTransitionFadeDown

上から下へ横に分割された長方形で切り替わる

f:id:hiro128:20170221183526g:plain



このほかにも色々なアニメーションがあるので、今後順次紹介していく予定です。

実際に使ってみるとなかなか面白いので、是非、色々試してみてください。

今回はここまでです。


次回は CCTransitionFlipAngular をご紹介しています。よろしければこちらもご覧下さい。
hiro128.hatenablog.jp