Unity appC cloudを使ってゲームアプリに課金機能を入れよう。

1

今日の教材

Confidential / Don’t distribute　 cayto inc.

2Confidential / Don’t distribute　 cayto inc.

Unityの公式サンプルを使った2Dシューティングゲーム

3×

今日の教材

3

今日使うのは


簡単にアプリ内課金を実装できる　　　　　　　の魔法のようなサービス


　　　　　　　　　　を使うと

アイテム購入ボタンからアイテムSTOREを開いて

アイテムSTOREでプレイヤー機を購入すると

ゲーム画面でプレイヤー機のストック数が増える

Unityのサンプルが本格的なゲームになります


今日の授業の内容

アプリを作る準備をしますアプリにアプリ内課金を実装しますアプリをビルドします

1

2

3


今日の教材サンプルプロジェクト

サンプルプロジェクトをダウンロードしてください

http://bit.ly/1CSvWX9

1

サンプルプロジェクトを解凍してください2

ファイルを解凍すると以下のようなファイルが入っています

準備1

seminar_20150414_for4

seminar_20150414_for4

◎ Unity4.5.1～をお使いの方



http://bit.ly/1CSvsjD◎ Unity4.5.1～をお使いの方


appC cloud（https://app-c.net/）に登録をしてください。3

メール受信可能なアドレスと「プロモーション　コード」を使用するにチェックして赤枠の　プロモーションコードを登録して下さい。

（例）OFoX9GJ6プロモーションコード※

準備1

※新規登録の際に、事前にお配りしたプロモーションコードを入力いただくと、円分のクレジットがアカウント登録時につきますので、円以上の成果を上げていただくと、クレジットと合算した広告収益をお支払いいたします。


メールが届いたらログインが可能になります。4 ログイン

3

準備1


appC Cloud管理画面（https://app-c.net/）にログインしたら、初回ログインの方は「アプリ登録する」からアプリの新規登録をしてください。アプリ詳細設定ページで、アプリ管理名、アプリ名、パッケージ名を「test」などの任意の文字列を入力して、「アプリ情報を更新」でアプリの新規登録完了です。

準備1

appC cloud SDKのダウンロード5


❶ SDKダウンロードページへ行き、Unity用の❷「Download SDK」ボタンから「appc_cloud_unity_v_2.2.0_20140926.zip」をダウンロードします。

2

1

準備1

appC cloud SDKのダウンロード6

SDKダウンロードボタンはアプリ登録後に表示されます。


（1）プレイヤー機の数やボタンを画面に表示させる

コレらを表示できるようにする

アプリ内課金の実装2


Unityを起動してFileメニューの「Open project… 」で、Project Wizardを開き「Open Other」を選んでダウンロードした「seminar_20150324」の「ShootingGame」フォルダを選んで「Open」ボタンで次へ行きます。


サンプルプロジェクトをUnityで開きます1


以下のようなUnityの画面が表示されます2

今回使う、Unity画面の機能は、以下の❶～❺になります。（Gameビューが表示されない場合は、ProjectビューからScenes→Stageを選んでください）

❷ Projectビュー

❶ Hierarchyビュー

❸ Inspectorビュー

❹ Game ビュー

❺ Playボタン

4 1

2

35

シーンに配置されるゲームオブジェクトの管理をします

ゲーム内で使う、スクリプトや画像、などのファイルの管理をします

ゲームオブジェクトの位置や大きさ、プログラムコードなどの属性を表示するビューです

ゲームの動きをプレビューできる画面です

ゲームビューで動きを確認します



❶Projectタブに「appc_cloud_plugin_2.2.0_x6.unitypackage」をドラッグ&ドロップすると、インポートのダイアログが出ますので、❷「Import」ボタンをクリックしてください。「Project」タブに「Plugins」フォルダが現れていれば設置完了です。

appC cloudのUnity SDKを設置3


2

1

※サンプルプロジェクトには、64ビット対応のSDKが設置済みです。皆さんの操作の必要はありません。


HierarchyでStockCanvasを選ぶとオブジェクトのInspectorが表示されます。このInspectorの中でストック数の位置やサイズ、フォントの設定、アイテム購入後にストック数を増やす等の処理を行うスクリプトの適用を行います。

プレイヤー機のストック数について4


※サンプルプロジェクトには設置済みです。皆さんの操作の必要はありません。


HierarchyでMenuCanvas→PurchaseButtonを選ぶとオブジェクトのInspectorが表示されます。このInspectorの中でボタンの位置やサイズ、ボタンを押した時のクリックイベントの設定を行います。

アイテム購入ボタンについて5




HierarchyでConfirmCanvasを選ぶと。Hierarchyの中に❶Pnanel、❷Image、❸OpenButton、❹CloseButtonなどのこの画面を構成する要素がフォルダ構成で表示されます。各オブジェクトを選んで、先ほどと同じようにそれぞれInspectorに設定をおこないます。

アイテム購入ボタンを押した後に現れるアイテムSTOREの確認画面について6


1

1

234

2

3 4



Gameビューに表示されているそれぞれの役割9

プレイヤー機のストック数

アイテム購入ボタン

スタートボタン

アイテムSTORE 確認画面

アイテムSTORE 表示ボタン確認画面非表示ボタン


GAMERS表示ボタン


（2）〈アイテムSTORE〉を実装する

コレを表示できるようにする



ProjectのAppC.csをMonoDevelopで開き、（19行目）のコメントアウトを外して〈アイテムSTORE〉を利用できるようにします


〈アイテムSTORE〉を利用できるようにします1


引き続きAppC.csの（8行目）のコメントアウトを外して〈アイテムSTORE〉で扱っているアイテムIDを”_ITEM_NAME_STOCK”という定数で定義します




引き続きAppC.csの（54行目）の〈アイテムSTORE〉の呼び出し（67行目）のstock加算（73行目）のstock設定のコメントアウトを外します。次にstock取得の（60行目）のreturn 0;をコメントアウトし、（61行目）のGetItemCountのコメントアウトを外します。これで〈アイテムSTORE〉の各機能が使える準備ができました。




ProjectのConfirm.csをMonoDevelopで開き、（21行目）の〈アイテムSTORE〉を呼び出している箇所のコメントアウトを外します。

確認画面で〈アイテムSTORE〉を呼び出せるようにします4



（3）appC cloud管理画面とアイテム登録方法の説明




appC cloud（https://app-c.net/）からメディア管理画面にログインをしてください1

※配布サンプルは、既に弊社アカウントで登録したアイテムSTOREを利用しています。※アイテムの販売には、事前にGoogle PlayまたはiTunes Connectで準備が必要です。詳しくはチュートリアルをご確認ください。


appC cloudのメディア管理画面にログイン後、ダッシュボードからアプリを選択して、アイテムSTOREの設定画面を開きます

2



アイテムSTOREの設定画面で、❶アイテムSTOREを実装するアプリのOSを選んで ❷「アイテムカテゴリを登録する」からアイテムのカテゴリを登録します

3

2

1


※アイテムの販売には、事前にGooglePlayまたはiTunes Connectで準備が必要です。詳しくはチュートリアルをご確認ください。※配布サンプルは既に、弊社アカウントで登録したアイテムSTOREを利用しています。


❶ダイアログで「カテゴリ画像」の登録、「カテゴリID」「カテゴリ名」「カテゴリ説明」の登録と、アイテムの「消費タイプ」を選び❷「作成する」ボタンで登録します

4

※カテゴリIDは重複しない任意の半角英数字を設定してください※消費型は使うと無くなるアイテム、非消費型は一度しか購入できないアイテムです

2

1



再び、アイテムSTOREの設定画面で「販売アイテムを追加する」からアイテムを登録します5



❶ダイアログで「アイテム画像」の登録、「アイテムID」「アイテム名」「アイテム数」「アイテム数単位」を入力して❷「販売アイテムを追加する」ボタンで登録します

6

※アイテムIDは重複しない任意の半角英数字を設定してください

22

1



❶アイテムSTOREのデザインパターンを選び、❷「保存・更新する」ボタンで登録完了です！7

2

1



アプリのビルド3


Androidの手順　— ビルド —

端末をPCについないで、ビルド&ランで確認！Andoroid端末をPCに繋いだら「File」メニューから「」ダイアログを開いてプラットフォームにを選び、「」をクリックすれば端末で確認ができます。


iOSの手順　— ビルド —

端末をPCについないで、ビルド&ランで確認！iOS端末をPCに繋いだら「File」メニューから「」ダイアログを開いてプラットフォームにを選び、「」をクリック。



XcodeにLinked Frameworks and Libraries を追加！Xcodeが立ち上がるので、オプション情報のLinked Frameworks and Librariesの①「+」ボタンから、②のframeworkをダイアログで検索して「Add」ボタンで追加します。

1

2



Unity5の場合！XcodeでappCUnity.mmに「-fno-objc-arc」を追加して、ARCを無効化してください。


メディアキーについて今回のサンプルプロジェクトを使って、生徒の皆さんが自分のアイテムSTOREを利用するには、appC cloudの”メディアキー”の設定が必要になります。

”メディアキー”の設定方法は、12/10のschooの放送もしくは、スライドシェアの資料p.13～p.19に記載していますので、ぜひ参考にしてください。

その他、appC cloudの登録方法、SDKの組み込み方法も記載しています。

https://schoo.jp/class/1671 http://www.slideshare.net/caytosales/appc-schoo-1210


アイテムSTOREを使ったデベロッパー様の声みつけて！おじぽっくるアイドルリコレクション

ブレイクアーツ脱出ゲーム不思議の国からの脱出

ダッシュでバトル脱出ゲームストーカー女からの脱出

Unityでアイテム課金を実装する場合、Android・iPhoneに対応したプラグインなどはまだまだ少なく、また実装までを考えるとハイコストですが、appC cloudはローコストで課金システムを実装できて、広告からアプリの宣伝までを担う大変素晴らしいサービスです。

Unityでアプリ内課金を実装するのは難しいと聞いていましたので、導入が楽で助かりました。個人開発者には重要なことだと思うんですけど、課金アイテムをリリースした後に何か問題発生したらすぐにアイテムを削除できるので、それがとても助かります。

アプリ開発はcoco2dxですが、appCのSDKは通常のものを利用しております。一度は諦めた課金処理が、いとも簡単に実装できました！導入も簡単で、おかげさまで課金収入も得られるようになって幸せです。

Android・iOS対応の課金システムを作るのはハードルが高いと感じていましたが、 Cocos2d-x Pluginのを使うと簡単に両OS対応の課金システムを実装できました。今後も利用したいと考えています。

課金システムを実装するには、実装コストが高いものですが、appC cloudを利用することで迅速に課金システムを実現出来てとてもありがたいと思っています。アプリ上での動作も機敏で、とても良いと思います。

アイテム課金の機能が簡単に実装でき、非常に助かっています。配信する広告を簡単に選択できるのも魅力の一つです。


appC cloudの各種情報はこちらから

facebook 公式アカウント twitter 公式アカウント

yotube公式チャンネル公式ブログSlideShere マイページ

※画像をクリックするとそれぞれのページへリンクします。


並木橋アプリスクール

並木橋アプリスクール公式チャンネル

※画像をクリックするとそれぞれのページへリンクします。

41

カイト株式会社（cayto inc.)〒106-0047 東京都港区南麻布3-21-17 B City Tower Azabu Tokyo 7F

Tel：03 5475 3385　　設立：2008年4月1日業務内容：「giveApp」「appC cloud」の運営

@appC_official

https://www.facebook.com/appc.cloud


Unity appC cloudを使ってゲームアプリに課金機能を入れよう。

Education

Transcript of Unity appC cloudを使ってゲームアプリに課金機能を入れよう。