Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

38
Cocos2d-x(JS) ハハハハハ #6 3 rd SDK ハハハハハハハハハ SDKBOX ハハハハ TKS2 ハハハハ

Transcript of Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

Page 1: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

Cocos2d-x(JS) ハンズオン #63rd SDK の導入を簡単にする

SDKBOX

株式会社 TKS2 清水友晶

Page 2: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

清水 友晶株式会社 TKS2

アプリ開発コンサルCocos2d-x サポートスマホアプリ開発TECH.C. 非常勤講師

プライベートでもCocos2d-x に関するゲーム開発講演活動執筆活動

マイブーム : ゲームエンジン調査

チラ裏開発メモ : http://tks2.net/memoSlideShare: http://www.slideshare.net/doraemonsssFacebook: http://www.facebook.com/doraemonsss

Page 3: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」
Page 4: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

http://line.me/S/sticker/1085672

Page 5: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

もくじ

SDKBOX についてSDKBOX とは

SDKBOX の導入方法

SDKBOX を導入してみようYoutube プラグイン

アプリ内課金プラグイン

admob プラグイン

Page 6: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

SDKBOX について

Page 7: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

SDKBOX サイト

http://cocos2d-x.org/sdkbox/

Page 8: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

SDKBOX サイト

http://sdkbox.com

Page 9: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

最新版 : SDKBOX v2.1.3対応プラットフォーム : iOS, Androidプラグイン :

アプリ内課金広告解析ストアソーシャル動画

Page 10: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

SDKBOX プラグイン

Page 11: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

シーケンス図

Page 12: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

SDKBOX の導入コマンドラインによる方法

Cocos を利用する方法

Page 13: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

SDKBOX の導入(新規プロジェクト作成)

Page 14: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

SDKBOX の導入(既存プロジェクトへ追加)

Page 15: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

SDKBOX を導入してみよう

Page 16: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

プロジェクト作成

Page 17: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

Youtube プラグイン追加

Page 18: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

プロジェクト編集frameworks/runtime-src/Classes/AppDelegate.cpp

Page 19: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

ソースコード編集src/app.js

Page 20: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

アプリ実行

Page 21: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

アプリ実行

Page 22: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

アプリ内課金プラグイン追加

Page 23: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

ボタン設置

Page 24: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

プロジェクト編集frameworks/runtime-src/Classes/AppDelegate.cpp

Page 25: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

プロジェクト編集frameworks/runtime-src/Classes/AppDelegate.cpp

Page 26: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

ソースコード編集src/app.js

Page 27: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

設定ファイル編集res/sdkbox_config.json

Page 28: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

アプリ実行

Page 29: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

admob プラグイン追加

Page 30: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

ボタン設置

Page 31: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

プロジェクト編集frameworks/runtime-src/Classes/AppDelegate.cpp

Page 32: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

プロジェクト編集frameworks/runtime-src/Classes/AppDelegate.cpp

Page 33: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

ソースコード編集src/app.js

Page 34: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

設定ファイル編集res/sdkbox_config.json

Page 35: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

アプリ実行

Page 36: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

作業はここまで

Page 37: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

参考になるサイト

Cocos 公式 Wikihttp://www.cocos2d-x.org/wiki/Cocos2d-JS

Cocos2d-JS API リファレンスhttp://cocos2d-x.org/wiki/Reference

Qiita( tag: cocos2d-js )https://qiita.com

Page 38: Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」

おわり

ありがとうございました