こんにちは、＠hiro128_777です。
この度、2017年3月に、Visual Studio and Development Technologies カテゴリーにて Microsoft Most Valuable Professional Award を受賞いたしました！！
正直、とても嬉しいです！！
身に余る光栄ですが、今後よりいっそう頑張っていきたいと決意を新たにしました。
そして、今回の受賞は私一人の力ではなく、支えてくださった大勢の方々の支援あってのことと痛感しております。このブログを読んでいただいたみなさま、JXUGのみなさま、MVPを目指したときに相談に乗って頂きました先輩MVPの方々、そして私の業務の負担を軽くするために協力頂いた職場のみなさま、家庭の時間を減らすことに協力してくれた妻、休日に遊ぶのを我慢してくれた息子、みなさまご支援本当にありがとうございました。
先輩MVPの方々と比べるとまだまだ未熟者ですが、よりいっそう精力的に活動していきたいと思います。
繰り返しになりますが、みなさま本当にありがとうございました。
こんにちは、＠hiro128_777です。
今回も、前回に引き続き Cocos Sharp の画面遷移の際のアニメーションについてご紹介します。
前回は Fade 系のアニメーションをご紹介しました。
hiro128.hatenablog.jp
今回は CCTransitionFlipAngular をご紹介します。
FlipAngular を日本語にすると「角度をつけて裏返す」と言う感じの意味になります。
では、アニメーションを実際に見てみましょう。
というわけで、色々なアニメーションがあるので、ぜひ、色々試してみてください。
今回はここまでです。
こんにちは、＠hiro128_777です。
今回は、Cocos Sharp 画面遷移の際のアニメーションについてご紹介します。
画面遷移の際のアニメーションは非常にたくさんの種類がありますが、今回はその中から Fade 系の効果をご紹介します。
フェードアウト→いったん真っ暗になる→フェードイン
フェードアウト→（次のシーンが重なりながら）フェードイン
左下から右上（Top Right）へ分割された小さい正方形で切り替わる
右上から左下（Bottom Left）へ分割された小さい正方形で切り替わる
下から上へ横に分割された長方形で切り替わる
上から下へ横に分割された長方形で切り替わる
このほかにも色々なアニメーションがあるので、今後順次紹介していく予定です。
実際に使ってみるとなかなか面白いので、是非、色々試してみてください。
今回はここまでです。
次回は CCTransitionFlipAngular をご紹介しています。よろしければこちらもご覧下さい。
hiro128.hatenablog.jp
こんにちは、＠hiro128_777です。
今回は、Cocos Sharp 1.7 以降に対応した画面遷移の方法についてご説明します。
※これから Cocos Sharp をはじめる方は 1.7 以降をご利用ください。
既に、Cocos Sharp 1.6.2 をご利用の場合以下をご覧下さい。
hiro128.hatenablog.jp
今回は画面遷移を行ないます。
画面上をタップすると、次の画面へと遷移するシナリオです。
CocosSharpGameSample.Core プロジェクトに、TitleLayerとGameLayerを作成します。
遷移がわかりやすいように、遷移前の画面をオレンジ色、遷移の画面を水色に設定します。
TitleLayerpublic TitleLayer() : base(new CCColor4B(0xFF, 0xA3, 0x2B))// オレンジ色に設定 { }
GameLayerpublic GameLayer() : base(new CCColor4B(0x66, 0x84, 0xFF))//水色に設定 { }
コンストラクタでbaseクラスの引数に16進数でRGBを与えれば色指定ができます。
TitleLayerに画面のタップを検出するイベントリスナーを作成し、イベントハンドラで画面遷移するように設定します。var eventListener = new CCEventListenerTouchOneByOne(); // OnTouchBegan で true を返却しないと、OnTouchEndedが発動しない。 eventListener.OnTouchBegan = (t, e) => true; eventListener.OnTouchEnded = (t, e) => { // 移動先のシーン（ゲーム画面）を作成 var newScene = new CCScene(GameView); var gameLayer = new GameLayer(); newScene.AddChild(gameLayer); // シーン切り替え時の効果を設定 CCTransitionScene transitionScene = new CCTransitionFade(4.0f, newScene); // ゲーム画面へシーン切り替え Director.ReplaceScene(transitionScene); }; AddEventListener(eventListener, this);
このときOnTouchBeganイベントのハンドラでtrueを返しておかないと、OnTouchEndedイベント自体が発火しなくなるので、
OnTouchBeganイベント時に何もしないとしても、ハンドラを作成し、trueを返すようにしておきます。
OnTouchEndedイベントでは、次の画面への遷移を行ないます。
画面遷移するには、新しいCCSceneを作成し、DirectorクラスのReplaceSceneをコールします。
CCTransitionSceneは画面遷移時の効果で、CCTransitionFade以外にもいくつか効果が準備されいます。
TitleLayerは下記のようになります。
using CocosSharp; namespace CocosSharpGameSample.Core { public class TitleLayer : CCLayerColor { public TitleLayer() : base(new CCColor4B(0xFF, 0xA3, 0x2B))// オレンジ色に設定 { } protected override void AddedToScene() { base.AddedToScene(); var eventListener = new CCEventListenerTouchOneByOne(); // OnTouchBegan で true を返却しないと、OnTouchEndedが発動しない。 eventListener.OnTouchBegan = (t, e) => true; eventListener.OnTouchEnded = (t, e) => { // 移動先のシーン（ゲーム画面）を作成 var newScene = new CCScene(GameView); var gameLayer = new GameLayer(); newScene.AddChild(gameLayer); // シーン切り替え時の効果を設定 CCTransitionScene transitionScene = new CCTransitionFade(4.0f, newScene); // ゲーム画面へシーン切り替え Director.ReplaceScene(transitionScene); }; AddEventListener(eventListener, this); } } }
GameLayerは下記のようになります。
using CocosSharp; namespace CocosSharpGameSample.Core { public class GameLayer : CCLayerColor { public GameLayer() : base(new CCColor4B(0x66, 0x84, 0xFF))//水色に設定 { } } }
以上でが完成しましたので、実行して画面上をタッチすると、次の画面へと遷移します。
今回の内容はすべてPCLの範囲なので、iOS, Android どちらでも動作します。
今回はここまでです。
こんにちは、＠hiro128_777です。
今回は、Cocos Sharp 1.7 以降に対応した Android でタイトル画面を表示する方法についてご説明します。
※これから Cocos Sharp をはじめる方は 1.7 以降をご利用ください。
既に、Cocos Sharp 1.6.2 をご利用の場合以下をご覧下さい。
hiro128.hatenablog.jp
まずは、CocosSharpGameSample.Android のプロジェクトに CocosSharpGameSample.Core プロジェクトの参照を追加します。
CocosSharpGameSample.Android プロジェクトの参照設定を右クリックし、参照の追加をクリックします。
CocosSharpGameSample.Core にチェックを入れ、OKをクリックします。
次に CocosSharpGameSample.Android プロジェクトの Assets/Images/Title/ にタイトル画面の画像を配置します。
画像ファイルのビルドアクションは「AndroidAsset」にします。
↑この画像を使っています。
ゲームロジックは CocosSharpGameSample.Core プロジェクトにすでに作成済みのものを共用しますので作成不要です。
※Cocos Sharp では起動部分以外は共用できます！便利ですね！
最後に CocosSharpGameSample.Android プロジェクトの MainActivity.cs を変更し
アプリの起動時に、ゲーム画面を含むUIが表示されるようにします。
using Android.App; using Android.Content.PM; using Android.OS; using Android.Views; using Android.Widget; using CocosSharp; using CocosSharpGameSample.Core; namespace CocosSharpGameSample.Android { [Activity(Label = "CocosSharpGameSample.Android" , MainLauncher = true , Icon = "@drawable/icon" , AlwaysRetainTaskState = true , LaunchMode = LaunchMode.SingleInstance , ConfigurationChanges = ConfigChanges.Orientation | ConfigChanges.Keyboard | ConfigChanges.KeyboardHidden )] public class MainActivity : Activity { protected override void OnCreate(Bundle bundle) { base.OnCreate(bundle); // タイトルを非表示にする RequestWindowFeature(WindowFeatures.NoTitle); var linearLayout = new LinearLayout(this) { Orientation = Orientation.Vertical }; // ゲーム表示用コントロール作成 var gameView = new CCGameView(this); // ゲーム起動 if (gameView != null) gameView.ViewCreated += GameDelegate.LoadGame; linearLayout.AddView(gameView); SetContentView(linearLayout); } } }
以上でプログラムが完成しましたので、Debug - Any Cpuで起動するとタイトル画面が表示されます。
繰り返しになりますが、アプリケーションの起動部分以外は共用できますので iOS 版が作成済みの場合、非常に簡単に Android 版が作成できます。
今回はここまでです。
