Prism Template Pack のインストール、Prism for Xamarin.Forms 適用済みのソリューションの作成方法

はじめに

こんにちは、＠hiro128_777です。

CocosSharp.Forms でアプリを作成する場合、素の Xamarin.Forms ではなく、実際には Prism for Xamarin.Forms 適用済みのソリューションテンプレートを利用した方が何かと便利です。
そこで、今回は Prism Template Pack のインストール、Prism for Xamarin.Forms 適用済みのソリューションの作成方法をご説明します。

Prism Template Pack のインストール

ツール　→　拡張機能と更新プログラムを開きます。

オンラインから、Prism Template Pack を検索し、ダウンロードします。

閉じるをクリックします。

Visual Studio をいったん終了します。

変更をクリックします。

閉じるをクリックします。

Visual Studio を再起動します。

これで Prism Template Pack のインストールは完了です。

ソリューションの作成

ファイル　→　新規作成　→　プロジェクトを開きます。

Prism Unity App (Xamarin.Forms) を選択し、プロジェクト名、ソリューション名を入力の上、OKをクリックします。

AndroidiOSを選択し、CREATE PROJECT をクリックします。

これで、Prism for Xamarin.Forms 適用済みのソリューションが作成されました。

今回はここまでです。

「JXUGC #23 Xamarin 無料化一周年記念勉強会！」で発表させていただきました。

こんにちは、＠hiro128_777です。

タイトルの通り、2017/05/27（土）に、「JXUGC #23 Xamarin 無料化一周年記念勉強会！」で発表させていただきました。

jxug.connpass.com

今回はゲーム以外で、Cocos Sharp を利用した動きがあるアプリの実例を発表させて頂きました。

以下、発表時のスライドを掲載しておきます。

Cocos sharpformsの使用例 from Tomohiro Suzuki

www.slideshare.net

皆様、Cocos Sharp ぜひ、試してみてください！

また、2017/07/09（日）に Cocos Sharp のハンズオンも行います！

connpass.com

こちらもよろしくお願いします！

Cocos Sharp 画面遷移のアニメーション (6) CCTransitionRotoZoom, CCTransitionShrinkGrow, CCTransitionSlideIn＊

はじめに

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

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

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

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

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

CCTransitionRotoZoom

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

CCTransitionShrinkGrow

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

CCTransitionSlideInB

CCTransitionSlideInL

CCTransitionSlideInR

CCTransitionSlideInT

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

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

画面遷移の際のアニメーションはあと1回で全部ご紹介が終わる予定です。

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

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

今回はここまでです。