2015年10月3日　JXUGC#6　東京 セッションのスライドです

1. Cocos Sharp でゲーム開発してみました。
2015年10月3日 JXUGC#6 東京 株式会社フロッグポッド 鈴木友宏

2. 自己紹介
鈴木友宏 （すずき ともひろ）
株式会社フロッグポッドで働いております。
業務アプリの開発者兼SEです。PHPer→C#erです。
ゲーム開発は素人です（笑）
鉄道、車とドライブをこよなく愛する逸般人一般人です。
2

3. アジェンダ
• Cocos Sharp ってどんなもの
• Cocos Sharp でゲームを開発した経緯
• 事例（たんけんからだのなか）の紹介
• 実際開発してみてどうだった？
• Cocos Sharp の使い方
• Cocos Sharp の注意点、TIPSなど
• Cocos Sharp のデモ
3

4. Cocos Sharp ってどんなもの
.NET環境向けの2Dゲーム開発用クロスプラットフォームライブラリです。
Cocos Sharp は Monogame のラッパーであり、Monogameのエンジンを
Cocos2d,3d の API で利用できます。
Portable Class Library(PCL) に対応しています。
Shared Projects にも対応しています。
NuGet で取得できます。
C#ユーザーであれば、Xamarin ＋ Cocos Sharp で
最短でクロスプラットフォームでのゲーム開発が可能です！！
4

5. Cocos Sharp でゲームを開発した経緯
2013年、会社でこんな話がありました
「業務システムの開発だけでは幅が広がら
ないので自社で何か開発してみようよ！」
「じゃあ、iOS向けのアプリはどうかな？」
「いいんじゃないかな！」
とりあえず、Xcodeで開発を開始しました。
（普段はほとんどC#での開発です。）
5

6. Cocos Sharp でゲームを開発した経緯
実際に開発を始めてみると…
「Objective-Cがとにかく使いにくい！」
「デバッグがやりにくい！文字列加工ですら大変！」
「ARC, assign, retain よくわからん！面倒くさい！」
…C#er にはかなりハードルが高く、
2014年5月、何とかゲームを1本完成させる
「すごく大変だった。なんかもっといい開発方法ないの？」
この時点では Xamarin の存在は知りませんでした。
6

7. Cocos Sharp でゲームを開発した経緯
さらに、2014年7月、会社でこんな話がありました
「今度は、iOS, Androidハイブリッドの自社アプリを作ってみよう！」
業務システムを開発する会社は、普段非常に地味に仕事をしています。
自社の技術の向上のため、また、子供向けに何かアプリをリリースする事で社会貢献になれ
ばという事で、オリジナルのアプリの開発を始めました。
「どうすればできるの？？ 」
7

8. Cocos Sharp でゲームを開発した経緯
「Xamarin を使えば開発できるみたいだよ！」
「Xamarin かぁ。使った事ないなあ~」
「何のアプリ作ろうか？ ゲーム作ろうよ！」（ゲーム開発はまったくの素人）
「Xamarin ってゲーム作れるの？？」
「Xamarin だけじゃ無理だけど、追加で Cocos Sharp っていうライブラリを使えばできる
みたいだよ！」
「なるほど、よし作ろう！」（詳しい調査一切なし）
…とてつもなく難航する開発…
「ハァ…、ハァ…、何とかできたよ！！」
8

9. 事例（たんけん！からだのなか）の紹介
知育アプリで、口に入った食べ物が体をどう流れていくのか、
また、インフルエンザやカンジダなど恐いバイキンについて学べます。
9
開発環境（リリース当時）
Visual Studio 2013
Xamarin 3.11
Cocos Sharp 1.4.0.0

10. 事例（たんけんからだのなか）の紹介
• 詳しくは下記をご覧ください。
• http://www.frog-pod.com/karadanonaka/
遊び方
とってもシンプルで直感的。本体を
傾けるだけで
その方向にスーパーノヴァ号が進み
ます。
1
現在3000ダウンロード程度です。
iOS, Android でプレイできます。

11. 実際開発してみてどうだった？
よかった点
PCL内にゲームロジックを押し込める事ができるので、コード共有率が非常に高い。おおよそ90%
固有実装部分は、ブラウザ起動、モーションセンサーの値取得のみ
iOS, Androidハイブリッドのアプリを単体アプリの作成工数の10％増程度で作成できた。
iOS：開発期間 6ヶ月 Android：プラス2週間
理解しやすい API で、素人でもゲーム開発が可能。
サポートフォーラムのレスポンスがよく、質問に丁寧に答えてくれる。
（64bitでの当り判定動作不具合、日本語フォントの隙間が空く問題などフォーラムで解決）
1

12. 実際開発してみてどうだった？
イマイチだった点・困った点
情報が少ない、完全人柱状態（笑）
まだ、枯れきっておらず、安定稼動させるには多少コツが必要。（バージョンがあがるごとに改善中）
特にメモリの使いすぎ、また、リークしないように注意が必要
（フレームレートが異常に落ちる。画面遷移、アニメーションが止まってしまう）
日本語フォントへ利用時の不具合がある（画像利用で回避可能、1.6.1.0では解消されている）
テスト環境の整備
今回は、実機テストおよびScirocco Cloudを利用。開発完了後、
Xamarin Test Cloud がリリース。
12

13. Cocos Sharp の使い方
ソリューションの構成
AndroidUI Android用プロジェクト
アプリケーションの起動、ブラウザの起動
AppCore PCL プロジェクト
ゲームロジック
iOSUI iOS用プロジェクト
アプリケーションの起動、ブラウザの起動
13

14. CCScene A(mainWindow)
Cocos Sharp の使い方
画面の遷移
ReplaceScene（）
CCLayerColor
CCScene B(newScene)
CCLayerColor
(gameLayer)
var newScene = new CCScene(this.mainWindow);
var gameLayer = new CCLayerColor ();
newScene.AddChild(gameLayer);
mainWindow.DefaultDirector.ReplaceScene(new CCTransitionFade(1.0f, newScene));
14

15. Cocos Sharp の使い方
キャラを動かす CCLayerColor
Node
var superNova = new CCSprite(ImageFileNames.Default.SuperNova, null);
superNova.Position = new CCPoint(1600f, 400f);// 左下からの位置
superNova.Tag = NodeTagType.Player;
this.AddChild(superNova);
var nodeSuperNova= this. GetChildByTag((int)NodeTagType.Player) as CCNode;
nodeSuperNova.X += 10f;
15

16. 注意点、TIPSなど
画面回転抑制は
iOS：AppDelegate.GetSupportedInterfaceOrientationsメソッドを定義
Android：回転抑制したいActivityごとにRequestedOrientationプロパティをオーバーライ
ドする。
モーションセンサー情報はPCLではなくプラットフォーム依存プロジェクト内で行わないとセンサー情
報が遅延する。
画像は256色に減色しないと重くなる。
背景、メニュー画面などの解像度が大きい画像は2分割や4分割し、タイリングで表示させないと
画像自体が表示されなくなる。
詳しくは下記をご参照ください。
http://xamtips.info/
16

17. iOS９対応について
Cocos Sharp ： iOS9対応、1.6.1.0以上（2015/9/18リリース）
※CCTextFieldが動作しない不具合あり。
現在、「たんけん！からだのなか」のiOS9対応バージョンは審査中です。
申し訳ございませんが、iOS9にバージョンアップ済みの方は、
新規ダウンロードしてもプレイできない状況です。
リリースまでもう少々お待ちください。
17

18. Cocos Sharp のデモ
多少デモを行います。
社内でXamarinを導入するためのコツ
18

19. ご清聴ありがとうございました。