Unity入門　初心者でもできるスマホアプリ課金ゲーム作り

1
今日の授業
Conﬁdential / Don’t distribute cayto inc.
改訂版

2Conﬁdential / Don’t distribute cayto inc.
アプリ内課金のある2Dシューティングゲームを作ります
3
今日の授業

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

を使うと
アイテム購入ボタンから
アイテムSTOREを開いて
アイテムSTOREで
プレイヤー機を購入すると
ゲーム画面でプレイヤー機の
ストック数が増える
Unityのサンプルが本格的なゲームになります

今日の授業の内容
アプリを作る準備をします
アプリにアプリ内課金を実装します
アプリをビルドします
1
2
3

今日の教材
サンプルプロジェクト
seminar_20150331
サンプルプロジェクトをダウンロードしてください
http://bit.ly/1BH2tPd
1
サンプルプロジェクトを解凍してください2
ファイルを解凍すると以下のようなファイルが入っています
授業の準備1

appC cloud（https://app-c.net/）に登録をしてください。3
2.
メール受信可能なアドレスと「プロモーション

コード」を使用するにチェックして赤枠の

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

メールが届いたらログインが可能になります。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
3
5
シーンに配置されるゲームオブジェクトの
管理をします
ゲーム内で使う、スクリプトや画像、など
のファイルの管理をします
ゲームオブジェクトの位置や大きさ、プロ
グラムコードなどの属性を表示するビュー
です
ゲームの動きをプレビューできる画面です
ゲームビューで動きを確認します

❶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でConﬁrmCanvasを選ぶと。Hierarchyの中に❶Pnanel、❷Image、❸OpenButton、❹CloseButton
などのこの画面を構成する要素がフォルダ構成で表示されます。各オブジェクトを選んで、先ほどと同じようにそれ
ぞれInspectorに設定をおこないます。
アイテム購入ボタンを押した後に現れるアイテムSTOREの確認画面について6
1
1
2
3
4
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のConﬁrm.csをMonoDevelopで開き、（21行目）の〈アイテムSTORE〉を呼び出している箇所のコメ
ントアウトを外します。
確認画面で〈アイテムSTORE〉を呼び出せるようにします4

これで、〈アイテムSTORE〉の各機能が使えるようになりました5
ビルドすると、こんな感じで〈アイテムSTORE〉が使えるようになります!

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

appC cloud（https://app-c.net/）からメディア管理画面にログインをしてください1
※今回は説明のみですので、みなさんはログインの必要はありません。

appC cloudのメディア管理画面にログイン後、ダッシュボードからアプリを選択して、ア
イテムSTOREの設定画面を開きます
2
※今回は、既にappC cloudにアプリが登録されている前提で説明します。

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

❶ダイアログで「カテゴリ画像」の登録、「カテゴリID」「カテゴリ名」「カテゴリ説明」
の登録と、アイテムの「消費タイプ」を選び❷「作成する」ボタンで登録します
4
※カテゴリIDは重複しない任意の半角英数字を設定してください
※消費型は使うと無くなるアイテム、非消費型は一度しか購入できないアイテムです
2
1

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

❶ダイアログで「アイテム画像」の登録、「アイテムID」「アイテム名」「アイテム数」「ア
イテム数単位」を入力して❷「販売アイテムを追加する」ボタンで登録します
6
※アイテムIDは重複しない任意の半角英数字を設定してください
22
1

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

アプリのビルド3

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

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

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_ofﬁcial
https://www.facebook.com/appc.cloud

Unity入門　初心者でもできるスマホアプリ課金ゲーム作り

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Unity入門　初心者でもできるスマホアプリ課金ゲーム作り

Ähnlich wie Unity入門　初心者でもできるスマホアプリ課金ゲーム作り (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (7)