SlideShare a Scribd company logo
Cocos2d-xにおけるモバイル開発
〜将来を見据えた開発〜
株式会社TKS2 清水友晶
清水 友晶
 株式会社TKS2
アプリ開発コンサル
Cocos2d-xサポート
スマホアプリ開発
 プライベートでも
Cocos2d-xを利用したゲーム開発
講演活動
執筆活動
 マイブーム: ゲームエンジン調査
 チラ裏開発メモ: http://tks2.net/memo
 SlideShare: http://www.slideshare.net/doraemonsss
 Facebook: http://www.facebook.com/doraemonsss
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
目次
 Cocos2d-xについて
 シェア率
 Cocos2dファミリー
 Cocos Studio
 SDKBOX
 将来を見据えた開発
 スマートフォンの今後は?
:
Cocos2d-xについて
Google Play売上ランキング
2015/12/25 日本
Google Play売上ランキング
2015/12/25 USA
ゲームエンジンシェア率
Google Play売上ランキング 2015/12/25
44%
33%
21%
16%
ShinyCocos
Cocos2dファミリー
Cocos2d
Cocos2d-
iPhone
Cocos2d-x
Cocos2d-
android
Cocos3d
Cocos2d-
html5
Cocos2d-
android-1
Cocos2d-
xnaCocos2d-
windows
Cocos2d-
swift
Cocos2d-x
 最新版: Cocos2d-x v3.10
 開発版: Cocos2d-x v3.11
 開発: Chukong Technologies, Inc.
 開発リーダー: Ricardo Quesada
 特徴
 クロスプラットフォーム
 オープンソース
 軽量・快速
 開発言語: C++, Lua, JavaScript
クロスプラットフォーム
 モバイル
 iOS
 Android
 デスクトップ
 Windows
 Mac
 Linux
 ブラウザ
 Chrome
 Firefox
 Safari
 IE
 1ソースで複数のプラットフォーム向けアプリを作成可能
 開発言語にJavaScriptを選択するとクロスブラウザ対応可能
オープンソース
 全てのソースコードをGithubで公開
 https://github.com/cocos2d/cocos2d-x
 MITライセンス
 無料
 商用利用可能
 ソースコード開示不要
 自己責任
 Cocos2d-xを改造し自社
エンジンとして採用する
ケースも多数ある
軽量・快速
 エンジンはC++で書かれている
 モバイル向けにはOpenGL ES 2.0系が利用されている
 WebプラットフォームではWebGLが利用されている
Download
 Cocos2d-xやCocosのダウンロード
 Cocos2d-x(JS) Web版エンジンのカスタマイズ可能
Forum
 基本的に英語
 ただし英語以外で書き込んでも対応してくれる
 新しい情報、質問など何でも投稿可能
Cocos2d-x ロードマップ
 Trello
 https://trello.com/b/Np6obnuE/cocos2d-x-roadmap
Cocos Studio
 最新版: v3.10
 開発: Chukong Technologies, Inc.
 特徴
 UIエディタ
 画面・パーツ作成
 アニメーションエディタ
 ボーンアニメーションも作成可
 アプリの作成・デバッグ・リリース
 テクスチャアトラス作成
 Cocosよりインストール可能
Cocos・Cocos Studio デモ
SDK BOX
 プロジェクトに各種SDKを用意に組み込むサービス
 アプリ内課金
 解析
 広告
 ソーシャル
 動画
:
SDK BOX デモ
将来を見据えた開発
スマートフォンの今後は?
日本のモバイルゲーム市場規模
 参考: gloops「ブラウザゲームの未来を考える」
 http://www.slideshare.net/gloops_slide/3-54256202
これまでのユーザ・企業の流れ
スマートフォンゲーム
コンシューマゲーム
ブラウザゲーム
黎明期
現在
開発の移行はスムーズ
・利用している技術は似ている
開発の移行は比較的困難
・技術が大きく異なるため
・新しい技術の習得に大きなコストが発生
ブラウザゲームへの回帰?
 ブラウザゲームに回帰するという声がちらほら聞こえて
います
 背景
 近年のスマホのパフォーマンスが大きく向上
 スマホブラウザがWebGLに対応
 ネイティブゲームにおいてAppleの制約が厳しくなっている
 リリース時期をコントロールすることが難しい
 OSのアップデートへの追従が必要
 スマホ開発のコストが大きくなっている
正直なところ
まだわかりません。。。
しかし、最近Cocos2d-x(JS)の
相談が多くなってきています
ブラウザゲームの
メリット・デメリット
 メリット
 任意のタイミングでリリースできる
 自由な表現を行うことができる
 デメリット
 ネイティブゲームと比較し、表現がプア
 Adobe Flashが下火
 スマートフォンのブラウザで動かないゲームが多い
 Pluginのインストールに抵抗を感じるユーザが多い
Unityは??
 ネイティブゲーム開発にもブラウザゲーム開発にも利
用できる技術があることがベスト
 Adobe Flashが下火になり、Unityでブラウザゲーム開
発を行っている事例もある
 しかし、Unity Web Playerのインストールが必要であ
り、インストール画面で離脱するユーザが多数いる
 そのため、Unityでのブラウザゲーム開発を嫌厭する傾
向が見られる
 Unityもプラグイン不要な手法を開発中
Cocos2d-x(JS)という選択肢
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
Cocos2d-JSタイトル
 ユニゾンリーグ
 釣スタ
 Big Fish Casino
ネイティブもブラウザもOK!
 iOS, AndroidなどスマホゲームもOK!
 ブラウザゲームもOK!
 プラグイン不要!
 スマートフォンのブラウザもOK
 (頑張れば)ネイティブゲームとブラウザゲームを
1ソースで作ることも可能
 大型プロジェクトではオススメしません。。。
パフォーマンスもOK!
 ネイティブアプリ
 裏ではCocos2d-xが動いている
 JavaScriptエンジンSpiderMonkeyにより、JavaScriptとC++
の変換が行われているため、高い処理能力を保っている
 シューティングゲームの弾幕のような高負荷な処理でな
い限り、問題になることはない
 ブラウザアプリ
 WebGLを利用しているので高パフォーマンス
 WebGLが利用できないブラウザでは、
従来のCanvasが利用される
 パフォーマンス注意
 特別なプラグイン不要
セキュリティはどうなの?!
 ネイティブアプリ
 jscファイルにコンパイル
 ビルド時オプションでjscファイルに
コンパイルすることが可能
生のソースコードが晒されることはない
 ブラウザアプリ
 Cocos2d-x(JS)に限った話ではなく、ブラウザアプリ全体
に言えることだが、jsファイルが見えるため難読化して
いてもチートは容易
 クライアントはビューワのみとし、重要な処理はサーバで行
うなど、設計を塾考する必要がある
 ググると先人の知恵を多く見ることができます
JavaScriptは開発者が多い
 初心者に優しい言語
 ポインタに敷居を感じる必要はない
 サーバサイド開発者でも、気軽に始めることができる
 Node.jsを用いれば、全てJavaScriptで完結!
 実際のゲーム開発ではCPU・メモリ
を考慮した実装技術が必要になるが、
まずはゲームを作る楽しさを感じる
ことができる
JavaScriptは人気がある
ブラウザゲームへの回帰があった場合
 ネイティブゲーム
 大型プロジェクトの場合
 コアな実装はC++
 画面などの動きは
JavaScript
 Cocos2d-x (C++)に遜色ない
ゲーム開発が可能
 ブラウザゲーム
 フルJavaScript
 ブラウザゲームであっても
リッチな表現が可能
 従来のAdobe Flash以上の性
能を有している
 ブラウザゲームへの回帰があったとしても、同じゲームエンジン
を利用することができる
 ブラウザゲーム開発のために新しい技術を学ぶ必要がない
 ブラウザゲームへの移行がスムーズ
開発環境
 Atom (無償)
 https://atom.io/
 プラグイン多数
 autocomplete-cocos2d-js
 WebStorm (有償)
 https://www.jetbrains.com/webstorm/
 企業向け$129/year、個人向け$59/year
 開発に必要な機能が一通り備わっている
 デバッグも容易
ぜひ を
検討してみてください
 アプリのコンサル
 Cocos2d-xサポート
 アプリの受託開発
 Cocos2d-x講演
 お問合せ
担当 清水 t.shimizu@tks2.net
おわり
 ありがとうございました

More Related Content

PPTX
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
PDF
cocos2d-xとCocos Code IDE
PPTX
Cocos2d-x(JS) ハンズオン #11「2D物理エンジン」
PPTX
Cocos2d-x(JS)の紹介
PDF
Cocos2d-x 3.2 Eclipseを利用したAndroid開発環境の構築
PDF
Cocos Code IDEを使ってみた
PPTX
Cocos2d-x(JS) ハンズオン #05「Cocos StudioとCocos2d-x (JS)との連携」
PPTX
Cocos2d-x(JS) ハンズオン #13「SNS対応(Twitter, Facebook)」
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
cocos2d-xとCocos Code IDE
Cocos2d-x(JS) ハンズオン #11「2D物理エンジン」
Cocos2d-x(JS)の紹介
Cocos2d-x 3.2 Eclipseを利用したAndroid開発環境の構築
Cocos Code IDEを使ってみた
Cocos2d-x(JS) ハンズオン #05「Cocos StudioとCocos2d-x (JS)との連携」
Cocos2d-x(JS) ハンズオン #13「SNS対応(Twitter, Facebook)」

What's hot (20)

PPTX
Cocos2d-x(JS) ハンズオン #12「Cocos2d-xとSpine」
PPTX
Cocos2d-x(JS) ハンズオン #09「ラベル・テキストボックス」
PDF
Cocos2d-x 3D Extension
PPTX
Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」
PDF
Cocos2d-x v3.2を利用してシューティングゲームを作ろう!
PPTX
Cocos2d-x(JS) ハンズオン #03「複数あるボタンの使い分け」
PDF
cocos2d-xとspine
PDF
20130912 macでcocos2d x 3.0alphaを使用した、クロスプラットフォーム開発環境構築について
PDF
cocos2d-xを利用したパズドラ風ゲームの作成
PDF
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
PPTX
Cocos2d-x(JS) ハンズオン #10「3D機能とVR機能」
PDF
Windowsでcocos2d-x 2.1.4を使用した、Androidアプリの開発環境構築について
PDF
cocos2d-xにおけるBox2Dの利用方法および便利なツール
PDF
実はかんたん!ゲームエンジンCocos2d-x入門
PDF
Cocos2d-JSはイケてる? イケてない?
PDF
CocosBuilderとcocos2d-x JSB
PPTX
Cocos2d-x(JS) ハンズオン #07「新エディタ Cocos Creator v1.0」
PDF
cocos2d-x 3.0 新しい物理演算クラスの利用
PDF
cocos2d-x開発事例勉強会
PDF
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
Cocos2d-x(JS) ハンズオン #12「Cocos2d-xとSpine」
Cocos2d-x(JS) ハンズオン #09「ラベル・テキストボックス」
Cocos2d-x 3D Extension
Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」
Cocos2d-x v3.2を利用してシューティングゲームを作ろう!
Cocos2d-x(JS) ハンズオン #03「複数あるボタンの使い分け」
cocos2d-xとspine
20130912 macでcocos2d x 3.0alphaを使用した、クロスプラットフォーム開発環境構築について
cocos2d-xを利用したパズドラ風ゲームの作成
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
Cocos2d-x(JS) ハンズオン #10「3D機能とVR機能」
Windowsでcocos2d-x 2.1.4を使用した、Androidアプリの開発環境構築について
cocos2d-xにおけるBox2Dの利用方法および便利なツール
実はかんたん!ゲームエンジンCocos2d-x入門
Cocos2d-JSはイケてる? イケてない?
CocosBuilderとcocos2d-x JSB
Cocos2d-x(JS) ハンズオン #07「新エディタ Cocos Creator v1.0」
cocos2d-x 3.0 新しい物理演算クラスの利用
cocos2d-x開発事例勉強会
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
Ad

Viewers also liked (11)

PDF
プロジェクトを円滑に回す 「すごい掲示板」 - co-meeting
KEY
CCResourceAsyncLoader
PDF
Xcode と Android Studio の "押さえておきたい" 開発サポート機能
PDF
ALGO.JS DemoDay
PDF
未来のブラウザゲーム市場を戦い抜くために デベロッパーが持つべき3つの事業の考え方
PPTX
Cocos2d-x(JS) ハンズオン #04「タッチイベントの使い方」
PPTX
Cocos2d-x(JS) ハンズオン #08「様々な画像描画方法」
PPTX
gloops流データアナリストの部署間連携術
PDF
Apache Sparkのご紹介 (後半:技術トピック)
PDF
ビッグデータ活用を加速する!分散SQLエンジン Spark SQL のご紹介 20161105 OSC Tokyo Fall
PDF
LTの技術
プロジェクトを円滑に回す 「すごい掲示板」 - co-meeting
CCResourceAsyncLoader
Xcode と Android Studio の "押さえておきたい" 開発サポート機能
ALGO.JS DemoDay
未来のブラウザゲーム市場を戦い抜くために デベロッパーが持つべき3つの事業の考え方
Cocos2d-x(JS) ハンズオン #04「タッチイベントの使い方」
Cocos2d-x(JS) ハンズオン #08「様々な画像描画方法」
gloops流データアナリストの部署間連携術
Apache Sparkのご紹介 (後半:技術トピック)
ビッグデータ活用を加速する!分散SQLエンジン Spark SQL のご紹介 20161105 OSC Tokyo Fall
LTの技術
Ad

Similar to Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜 (20)

PDF
cocos2d-xおよび開発ツールについて
PDF
cocos2d-xの概要とこれまでの進化・これからの展開
PDF
Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
PDF
Cocos2d-x公開講座 in 鹿児島
PDF
cocos2d-xの開発に欠かせないCocosBuilderについて
PDF
CocoStudioの紹介
PDF
Cocos2d-xによる最新ゲーム開発
PDF
CocoStudioとcocos2d-xの連携
PDF
Macでcocos2d-x 3.0betaを使用した、クロスプラットフォーム開発環境構築について
PDF
Macでcocos2d-x 3.0alphaを使用した、iOSアプリの開発環境構築について
KEY
Cocos2d xのススメ
PDF
Macでcocos2d-x 3.0alpha0を使用した、クロスプラットフォーム開発環境構築について
PDF
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
PDF
Cocos2d x talks
PDF
Cocos最新情報(2015/3/13)
PDF
cocos2d-xハンズオン勉強会 in 名古屋
KEY
Cocos2d xをさわってみよう!
KEY
Cocos2d platforms
PDF
Cocos2d-x(v3.x)で作るマルチプラットフォームゲーム
PDF
Cocos2d-x勉強会 2014/10/05
cocos2d-xおよび開発ツールについて
cocos2d-xの概要とこれまでの進化・これからの展開
Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
Cocos2d-x公開講座 in 鹿児島
cocos2d-xの開発に欠かせないCocosBuilderについて
CocoStudioの紹介
Cocos2d-xによる最新ゲーム開発
CocoStudioとcocos2d-xの連携
Macでcocos2d-x 3.0betaを使用した、クロスプラットフォーム開発環境構築について
Macでcocos2d-x 3.0alphaを使用した、iOSアプリの開発環境構築について
Cocos2d xのススメ
Macでcocos2d-x 3.0alpha0を使用した、クロスプラットフォーム開発環境構築について
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Cocos2d x talks
Cocos最新情報(2015/3/13)
cocos2d-xハンズオン勉強会 in 名古屋
Cocos2d xをさわってみよう!
Cocos2d platforms
Cocos2d-x(v3.x)で作るマルチプラットフォームゲーム
Cocos2d-x勉強会 2014/10/05

More from Tomoaki Shimizu (7)

PPTX
Cocos2d-x(JS) ハンズオン #02 「画像表示とアクション」
PDF
cocos2d-x 3.0による変更点
PDF
タワーオブスペルズ x cocos2d-x
PDF
cocos2d-xで利用できる暗号化
PDF
CocoStudioとcocos2d-xの連携2
PDF
cocos2d-xにおけるマップエディタの利用
PDF
cocos2d-xにおけるデータ管理
Cocos2d-x(JS) ハンズオン #02 「画像表示とアクション」
cocos2d-x 3.0による変更点
タワーオブスペルズ x cocos2d-x
cocos2d-xで利用できる暗号化
CocoStudioとcocos2d-xの連携2
cocos2d-xにおけるマップエディタの利用
cocos2d-xにおけるデータ管理

Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜