2016/1/21 エイチームさんの勉強会ATEAM TECHにて講演した資料です。

1. Cocos2d-xにおけるモバイル開発
〜将来を見据えた開発〜
株式会社TKS2 清水友晶

2. 清水 友晶
 株式会社TKS2
アプリ開発コンサル
Cocos2d-xサポート
スマホアプリ開発
 プライベートでも
Cocos2d-xを利用したゲーム開発
講演活動
執筆活動
 マイブーム: ゲームエンジン調査
 チラ裏開発メモ: http://tks2.net/memo
 SlideShare: http://www.slideshare.net/doraemonsss
 Facebook: http://www.facebook.com/doraemonsss

4. 目次
 Cocos2d-xについて
 シェア率
 Cocos2dファミリー
 Cocos Studio
 SDKBOX
 将来を見据えた開発
 スマートフォンの今後は？
：

5. Cocos2d-xについて

6. Google Play売上ランキング
2015/12/25 日本

7. Google Play売上ランキング
2015/12/25 USA

8. ゲームエンジンシェア率
Google Play売上ランキング 2015/12/25
44%
33%
21%
16%

9. ShinyCocos
Cocos2dファミリー
Cocos2d
Cocos2d-
iPhone
Cocos2d-x
Cocos2d-
android
Cocos3d
Cocos2d-
html5
Cocos2d-
android-1
Cocos2d-
xnaCocos2d-
windows
Cocos2d-
swift

10. Cocos2d-x
 最新版: Cocos2d-x v3.10
 開発版: Cocos2d-x v3.11
 開発: Chukong Technologies, Inc.
 開発リーダー: Ricardo Quesada
 特徴
 クロスプラットフォーム
 オープンソース
 軽量・快速
 開発言語: C++, Lua, JavaScript

11. クロスプラットフォーム
 モバイル
 iOS
 Android
 デスクトップ
 Windows
 Mac
 Linux
 ブラウザ
 Chrome
 Firefox
 Safari
 IE
 1ソースで複数のプラットフォーム向けアプリを作成可能
 開発言語にJavaScriptを選択するとクロスブラウザ対応可能

12. オープンソース
 全てのソースコードをGithubで公開
 https://github.com/cocos2d/cocos2d-x
 MITライセンス
 無料
 商用利用可能
 ソースコード開示不要
 自己責任
 Cocos2d-xを改造し自社
エンジンとして採用する
ケースも多数ある

13. 軽量・快速
 エンジンはC++で書かれている
 モバイル向けにはOpenGL ES 2.0系が利用されている
 WebプラットフォームではWebGLが利用されている

14. Download
 Cocos2d-xやCocosのダウンロード
 Cocos2d-x(JS) Web版エンジンのカスタマイズ可能

15. Forum
 基本的に英語
 ただし英語以外で書き込んでも対応してくれる
 新しい情報、質問など何でも投稿可能

16. Cocos2d-x ロードマップ
 Trello
 https://trello.com/b/Np6obnuE/cocos2d-x-roadmap

17. Cocos Studio
 最新版: v3.10
 開発: Chukong Technologies, Inc.
 特徴
 UIエディタ
 画面・パーツ作成
 アニメーションエディタ
 ボーンアニメーションも作成可
 アプリの作成・デバッグ・リリース
 テクスチャアトラス作成
 Cocosよりインストール可能

18. Cocos・Cocos Studio デモ

19. SDK BOX
 プロジェクトに各種SDKを用意に組み込むサービス
 アプリ内課金
 解析
 広告
 ソーシャル
 動画
：

20. SDK BOX デモ

21. 将来を見据えた開発

22. スマートフォンの今後は？

23. 日本のモバイルゲーム市場規模
 参考: gloops「ブラウザゲームの未来を考える」
 http://www.slideshare.net/gloops_slide/3-54256202

24. これまでのユーザ・企業の流れ
スマートフォンゲーム
コンシューマゲーム
ブラウザゲーム
黎明期
現在
開発の移行はスムーズ
・利用している技術は似ている
開発の移行は比較的困難
・技術が大きく異なるため
・新しい技術の習得に大きなコストが発生

25. ブラウザゲームへの回帰?
 ブラウザゲームに回帰するという声がちらほら聞こえて
います
 背景
 近年のスマホのパフォーマンスが大きく向上
 スマホブラウザがWebGLに対応
 ネイティブゲームにおいてAppleの制約が厳しくなっている
 リリース時期をコントロールすることが難しい
 OSのアップデートへの追従が必要
 スマホ開発のコストが大きくなっている

26. 正直なところ
まだわかりません。。。

27. しかし、最近Cocos2d-x(JS)の
相談が多くなってきています

28. ブラウザゲームの
メリット・デメリット
 メリット
 任意のタイミングでリリースできる
 自由な表現を行うことができる
 デメリット
 ネイティブゲームと比較し、表現がプア
 Adobe Flashが下火
 スマートフォンのブラウザで動かないゲームが多い
 Pluginのインストールに抵抗を感じるユーザが多い

29. Unityは？？
 ネイティブゲーム開発にもブラウザゲーム開発にも利
用できる技術があることがベスト
 Adobe Flashが下火になり、Unityでブラウザゲーム開
発を行っている事例もある
 しかし、Unity Web Playerのインストールが必要であ
り、インストール画面で離脱するユーザが多数いる
 そのため、Unityでのブラウザゲーム開発を嫌厭する傾
向が見られる
 Unityもプラグイン不要な手法を開発中

30. Cocos2d-x(JS)という選択肢

31. Cocos2d-x
Cocos2d-x
C++, Lua, JavaScript
Cocos2d-html5
JavaScriptv2.x
Native Web
Cocos2d-x
C++, Lua
Cocos2d-JS
JavaScriptv3.x
Native Native, Web
Cocos2d-x
C++, Lua, JavaScriptv3.7
Native, Web

32. Cocos2d-JSタイトル
 ユニゾンリーグ
 釣スタ
 Big Fish Casino

33. ネイティブもブラウザもOK！
 iOS, AndroidなどスマホゲームもOK！
 ブラウザゲームもOK！
 プラグイン不要！
 スマートフォンのブラウザもOK
 （頑張れば）ネイティブゲームとブラウザゲームを
1ソースで作ることも可能
 大型プロジェクトではオススメしません。。。

34. パフォーマンスもOK！
 ネイティブアプリ
 裏ではCocos2d-xが動いている
 JavaScriptエンジンSpiderMonkeyにより、JavaScriptとC++
の変換が行われているため、高い処理能力を保っている
 シューティングゲームの弾幕のような高負荷な処理でな
い限り、問題になることはない
 ブラウザアプリ
 WebGLを利用しているので高パフォーマンス
 WebGLが利用できないブラウザでは、
従来のCanvasが利用される
 パフォーマンス注意
 特別なプラグイン不要

35. セキュリティはどうなの？！
 ネイティブアプリ
 jscファイルにコンパイル
 ビルド時オプションでjscファイルに
コンパイルすることが可能
生のソースコードが晒されることはない
 ブラウザアプリ
 Cocos2d-x(JS)に限った話ではなく、ブラウザアプリ全体
に言えることだが、jsファイルが見えるため難読化して
いてもチートは容易
 クライアントはビューワのみとし、重要な処理はサーバで行
うなど、設計を塾考する必要がある
 ググると先人の知恵を多く見ることができます

36. JavaScriptは開発者が多い
 初心者に優しい言語
 ポインタに敷居を感じる必要はない
 サーバサイド開発者でも、気軽に始めることができる
 Node.jsを用いれば、全てJavaScriptで完結！
 実際のゲーム開発ではCPU・メモリ
を考慮した実装技術が必要になるが、
まずはゲームを作る楽しさを感じる
ことができる

37. JavaScriptは人気がある

38. ブラウザゲームへの回帰があった場合
 ネイティブゲーム
 大型プロジェクトの場合
 コアな実装はC++
 画面などの動きは
JavaScript
 Cocos2d-x (C++)に遜色ない
ゲーム開発が可能
 ブラウザゲーム
 フルJavaScript
 ブラウザゲームであっても
リッチな表現が可能
 従来のAdobe Flash以上の性
能を有している
 ブラウザゲームへの回帰があったとしても、同じゲームエンジン
を利用することができる
 ブラウザゲーム開発のために新しい技術を学ぶ必要がない
 ブラウザゲームへの移行がスムーズ

39. 開発環境
 Atom (無償)
 https://atom.io/
 プラグイン多数
 autocomplete-cocos2d-js
 WebStorm (有償)
 https://www.jetbrains.com/webstorm/
 企業向け$129/year、個人向け$59/year
 開発に必要な機能が一通り備わっている
 デバッグも容易

40. ぜひ を
検討してみてください

41.  アプリのコンサル
 Cocos2d-xサポート
 アプリの受託開発
 Cocos2d-x講演
 お問合せ
担当 清水 t.shimizu@tks2.net

42. おわり
 ありがとうございました