Appc schoo 0219

42
1 今日の授業 Confidential / Don’t distribute  cayto inc.

Transcript of Appc schoo 0219

Page 1: Appc schoo 0219

1

今日の授業

Confidential / Don’t distribute  cayto inc.

Page 2: Appc schoo 0219

2

アプリ開発者の収益を最大限にするためのバックエンドサービス

とは、

Confidential / Don’t distribute  cayto inc.

Page 3: Appc schoo 0219

3

広告ネットワーク

アプリのマネタイズに必要な機能が全て用意されているサービス

アプリ内課金PUSH通知 サーバー etc…

Confidential / Don’t distribute  cayto inc.

Page 4: Appc schoo 0219

4

今日の授業の内容

Confidential / Don’t distribute  cayto inc.

Unityで、アプリ内課金実装!

Page 5: Appc schoo 0219

5

今日の授業の内容

Confidential / Don’t distribute  cayto inc.

UnityとはiOS、Androidのゲームを開発できる3Dゲームエンジン

PlayStation 3、Xbox 360、Wii Uなどの10のプラットフォームに

対応していて本格的なゲームも開発できる

Page 6: Appc schoo 0219

6

今日の授業の内容

Confidential / Don’t distribute  cayto inc.

アプリ内課金を実装しますで

アイテムSTOREとは?

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

私のアプリにも 入ってますー

Page 7: Appc schoo 0219

7

授業の準備

Confidential / Don’t distribute  cayto inc.

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

schoo_unity_20150219

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

https://app-c.net/schoo/schoo_unity_20150219.zip

ダウンロード

してくださいねー

1

サンプルプロジェクトを解凍してください2ファイルを解凍すると以下のようなファイルが入っています

今日の授業ではUnityのバージョン4.6以降を前提としてサンプルプロジェクトを作成しています。 バージョン4.5以前の場合はうまく動作しない場合もあります。

Page 8: Appc schoo 0219

8Confidential / Don’t distribute  cayto inc.

Unity公式の2Dシューティングゲームを使って

10× ① プレイヤー機にストックを持たせて表示する

② 〈アイテムSTORE〉を実装する

③ アイテムを購入するとプレイヤー機のストックが増える

今日の授業の内容

Page 9: Appc schoo 0219

9Confidential / Don’t distribute  cayto inc.

こんなゲームをつくります

今日の授業の内容

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

アイテムSTOREで プレイヤー機のストックを購入すると

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

Page 10: Appc schoo 0219

10Confidential / Don’t distribute  cayto inc.

実装手順

手順(1)プレイヤー機の数やボタンを画面に表示させる

手順(2)〈アイテムSTORE〉を実装する

の実装だよ

さあ!ここからが本番っ

Page 11: Appc schoo 0219

11Confidential / Don’t distribute  cayto inc.

手順(1)プレイヤー機の数やボタンを画面に表示させる

Page 12: Appc schoo 0219

12Confidential / Don’t distribute  cayto inc.

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

手順(1)プレイヤー機の数やボタンを画面に表示させる

サンプルプロジェクトを開きます0

Page 13: Appc schoo 0219

13Confidential / Don’t distribute  cayto inc.

手順(1)プレイヤー機の数やボタンを画面に表示させる

❷ Project

❶ Hierarchy

❸ Inspector

❹ Game ビュー

❺ Playボタン

4 1

2

35

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

今回使う、Unity画面の機能は、以下の❶~❺になります。

Page 14: Appc schoo 0219

14Confidential / Don’t distribute  cayto inc.

HierarchyでStockCanvasを選び、Inspectorのチェックを入れてオブジェクト有効にすると、Gameビューにプレイヤー機のストック数が表示されます。

手順(1)プレイヤー機の数やボタンを画面に表示させる

プレイヤー機のストック数を表示します2

Page 15: Appc schoo 0219

15Confidential / Don’t distribute  cayto inc.

HierarchyでMenuCanvas→PurchaseButtonを選び、Inspectorのチェックを入れてをオブジェクト有効にすると、Gameビューにアイテム購入ボタンが表示されます。

手順(1)プレイヤー機の数やボタンを画面に表示させる

アイテム購入ボタンを表示します3

Page 16: Appc schoo 0219

16Confidential / Don’t distribute  cayto inc.

HierarchyでConfirmCanvasを選び、Inspectorのチェックを入れてをオブジェクト有効にすると、確認画面が有効になります。

手順(1)プレイヤー機の数やボタンを画面に表示させる

アイテム購入ボタンを押した後に現れるアイテムSTOREの確認画面を有効にします4

Page 17: Appc schoo 0219

17Confidential / Don’t distribute  cayto inc.

ProjectのManager.csをMonoDevelopで開き、(30行目)のコメントアウトを外して、ゲーム開始時にプレイヤー機のストック数が更新されるようにします。

手順(1)プレイヤー機の数やボタンを画面に表示させる

先ほど表示したプレイヤー機のストック数が更新されるようにします5

Page 18: Appc schoo 0219

18Confidential / Don’t distribute  cayto inc.

ProjectのPlayer.csをMonoDevelopで開き、(109行目)のコメントアウトを外して、被弾した時にプレイヤー機のストック数が更新されるようにします。

手順(1)プレイヤー機の数やボタンを画面に表示させる

先ほど表示したプレイヤー機のストック数が更新されるようにします6

Page 19: Appc schoo 0219

19Confidential / Don’t distribute  cayto inc.

手順(1)プレイヤー機の数やボタンを画面に表示させる

Gameビューが以下の状態になれば完了です7

※すべてを有効にしないと再生時にエラーが出ます

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

アイテム購入ボタン

スタートボタン

アイテムSTORE 確認画面

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

Page 20: Appc schoo 0219

20Confidential / Don’t distribute  cayto inc.

手順(2)〈アイテムSTORE〉を実装する

Page 21: Appc schoo 0219

21Confidential / Don’t distribute  cayto inc.

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

手順(2)〈アイテムSTORE〉を実装する

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

Page 22: Appc schoo 0219

22Confidential / Don’t distribute  cayto inc.

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

手順(2)〈アイテムSTORE〉を実装する

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

Page 23: Appc schoo 0219

23Confidential / Don’t distribute  cayto inc.

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

手順(2)〈アイテムSTORE〉を実装する

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

Page 24: Appc schoo 0219

24Confidential / Don’t distribute  cayto inc.

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

手順(2)〈アイテムSTORE〉を実装する

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

Page 25: Appc schoo 0219

25Confidential / Don’t distribute  cayto inc.

手順(2)〈アイテムSTORE〉を実装する

これで、〈アイテムSTORE〉の各機能が使えるようになりました12

ビルドすると、こんな感じで〈アイテムSTORE〉が使えるようになります!

Page 26: Appc schoo 0219

26Confidential / Don’t distribute  cayto inc.

補講

ビルドの説明をします

Page 27: Appc schoo 0219

27Confidential / Don’t distribute  cayto inc.

Androidの手順 — ビルド —

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

Page 28: Appc schoo 0219

28Confidential / Don’t distribute  cayto inc.

iOSの手順 — ビルド —

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

Page 29: Appc schoo 0219

29Confidential / Don’t distribute  cayto inc.

iOSの手順 — ビルド —

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

1

2

Page 30: Appc schoo 0219

30Confidential / Don’t distribute  cayto inc.

補講

appC cloud管理画面とアイテムSOTOREの説明です

Page 31: Appc schoo 0219

31Confidential / Don’t distribute  cayto inc.

アイテムSTOREの販売アイテムの登録方法

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

Page 32: Appc schoo 0219

32Confidential / Don’t distribute  cayto inc.

アイテムSTOREの販売アイテムの登録方法

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

2

Page 33: Appc schoo 0219

33Confidential / Don’t distribute  cayto inc.

アイテムSTOREの販売アイテムの登録方法

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

3

2

1

Page 34: Appc schoo 0219

34Confidential / Don’t distribute  cayto inc.

アイテムSTOREの販売アイテムの登録方法

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

4

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

※消費型は使うと無くなるアイテム、非消費型は一度しか購入できないアイテムです

2

1

Page 35: Appc schoo 0219

35Confidential / Don’t distribute  cayto inc.

アイテムSTOREの販売アイテムの登録方法

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

Page 36: Appc schoo 0219

36Confidential / Don’t distribute  cayto inc.

アイテムSTOREの販売アイテムの登録方法

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

6

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

22

1

Page 37: Appc schoo 0219

37Confidential / Don’t distribute  cayto inc.

アイテムSTOREの販売アイテムの登録方法

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

2

1

Page 38: Appc schoo 0219

38Confidential / Don’t distribute  cayto inc.

メディアキーについて今回のサンプルプロジェクトを使って、生徒の皆さんが自分のアイテム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

Page 39: Appc schoo 0219

39Confidential / Don’t distribute  cayto inc.

アイテムSTOREを使ったデベロッパー様の声

みつけて!おじぽっくる アイドルリコレクション

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

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

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

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

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

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

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

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

Page 40: Appc schoo 0219

40Confidential / Don’t distribute  cayto inc.

お疲れさまでした

今日の授業はいかがでしたか?

もし、appC cloudに興味を持っていただけたら          を覗いてみてください!

ここではご紹介しきれない サービスが他にもたくさんありますよー。

https://app-c.net/

https://play.google.com/store/apps/details?id=jp.namikibashi.app.photo.doukyo_rira

私のアプリもよろしくお願いしまーす

Page 41: Appc schoo 0219

41Confidential / Don’t distribute  cayto inc.

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

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

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

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

Page 42: Appc schoo 0219

42

カイト株式会社(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

Confidential / Don’t distribute  cayto inc.