SlideShare uma empresa Scribd logo
1 de 52
Baixar para ler offline
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
の
開発事例
Cocos2d-x 3.2 を用いた
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
アプリの紹介
Cocos2d-xの技術的な話
アジェンダ
前半
後半
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
1. 弊社のアプリ紹介
アジェンダ
2. Web
前半
アプリで変わったこと
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
自己紹介
加島 拓 (かしま たくみ)
2012年新卒入社
Twitter @jyegan
Cocos2d-x歴 2年
2.2 → 3.0、3.2
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
こちらも宜しくお願いします
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
名探偵コナンミステリータウン
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
名探偵コナンミステリータウン
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
名探偵コナンミステリータウン
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
名探偵コナンミステリータウン
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
イケメン王国女王と真実のキス
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
恋愛ゲームの紹介
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
恋愛ゲームの紹介
ストーリーを読む
アバターを着替える
100日間のプリンセスもうひとつのイケメン王宮
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
恋愛ゲームの紹介
100日間のプリンセスもうひとつのイケメン王宮
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
恋愛ゲームの紹介
100日間のプリンセスもうひとつのイケメン王宮
ウェブ
アプリ
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
100日間のプリンセスもうひとつのイケメン王宮
ウェブ
アプリ
アプリへシフト!!!
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
開発環境
・Cocos2d-x 3.0 途中から3.2
・Xcodeで開発
・SpriteStudioを使用
・アプリエンジニア 5人
・1年後のリリースを目指す
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
しかし順調には…
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
問題点
・スクロールにしよう問題
・スケジュールがあやふや問題
・リリース後に変更しよう問題
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
スクロールにしよう問題
画面に入りきらない
スクロールにしよう
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
スケジュールがあやふや問題
審査スケジュールがない
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
リリース後に変更しよう問題
リリース後にかえられない
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
問題点の解決方法
・全ての画面にレビューを実施
・アプリのためのスケジュールへ
・可変/不変の明確化
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
そしてなんとか…完成!!!
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
イケメン王国女王と真実のキス
イケメン王国女王と真実のキス
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
1. なぜCocos2d-x?
アジェンダ
後半
2. 良かった点 & 困った点
3. その他Tips
4. まとめ
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
自己紹介
池本 大騎(いけもと だいき)
2012年新卒入社
Cocos2d-x歴 1年弱
3.2
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
弊社のCocos2d-x活用例
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
・Cocos2d-x3.2
・Xcodeで開発
開発環境
・CocosBuilder, CocosStudioを使用
・アプリエンジニア 6人
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
なぜCocos2d-x?
・オープンソースなので調整ができる
・開発が活発なので市場への対応が速い
・2Dゲームエンジンで安定している
・前バージョンのサポートもしている
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
なぜCocos2d-x?
・オープンソースなので調整ができる
・開発が活発なので市場への対応が速い
・2Dゲームエンジンで安定している
・前バージョンのサポートもしている
かゆい所に手が届いて、
いざという時に自分たちも何かできる
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
良かった点
・自分で中まで手を入れられる
・プラットフォームの環境の変化に対応
・Xcodeで開発できるのでデバッグしやすい
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
自分で中まで手を入れられる
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
プラットフォームの環境の変化に対応
http://www.frandroid.com/smartphone/270208_android-5-0-lollipop-la-liste-des-appareils-mis-a-jour
http://en.wikipedia.org/wiki/File:Xcode_icon.png
http://www.vn-zoom.com/f185/win64-bit-can-ram-4gb-hay-ram-4gb-can-win-64bit-3002832.html
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
Xcodeで開発できるのでデバッグしやすい
http://www.frandroid.com/smartphone/270208_android-5-0-lollipop-la-liste-des-appareils-mis-a-jour
http://en.wikipedia.org/wiki/File:Xcode_icon.png
http://www.vn-zoom.com/f185/win64-bit-can-ram-4gb-hay-ram-4gb-can-win-64bit-3002832.html
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
困った点
・タッチイベントのハンドリングが難しかった
・ネイティブで書かないといけない部分がある
・日本語ドキュメントが少ない
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
タッチイベントのハンドリングが難しかった
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
タッチイベントのハンドリングが難しかった
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
解決方法
setSwallowTouchesメソッドで解決!
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
ネイティブで書かないといけない部分がある
課金, ローカル通知
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
日本語ドキュメントが少ない
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
開発の工夫
・デザイナーさんと上手く分業できた
・自動ビルドしてChatworkに通知&OTAで配布
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
デザイナーさんとの分業
エンジニア デザイナー
Resourcesへ
Push Pull Push Pull
https://github.com/logos
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
自動ビルド
https://wiki.jenkins-ci.org/display/JENKINS/Logo
http://www.chatwork.com/ja/download/cw_logo.html
http://seeklogo.com/apple-logo-158010.html
http://developer.android.com/distribute/tools/promote/brand.html
ビルド通知
OTA配布
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
開発の工夫
エンジニア デザイナー
通知 OTA配布
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
情報収集
・GitHubのissueとmerged
・Cocos-2dxのコミュニティサイト
・Stack OverFlow
・Qiita
・Cocos2d-xの書籍
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
その他Tips
・スクロールビューではみ出した所がタップ可能
・ControlButton上ではスクロール出来ない
・EditBoxの削除
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
ScrollView
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
Control Button
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
EditBoxの削除
・入力フォームが上に表示される
・音量キーがフックされてしまう
→ 独自EditBoxの作成
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
まとめ
・ツールを使って分業する
・部分的にネイティブを書く覚悟
・いざという時はCocosをいじる
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
展望
・v3.4へ移行
・ライブラリ化を進めて基盤化
・ストレスを減らすためにDL周り強化
・ユーザの声が聞けるような仕組みづくり
・ABテストや簡単にデザイン変更できる仕組みづくり
・ユーザの離脱や課金ポイントの追求ができる仕組み
Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.
株式会社サイバードは
エンジニアを募集しています

Mais conteúdo relacionado

Mais procurados

はじめてのKinect for windows v2
はじめてのKinect for windows v2はじめてのKinect for windows v2
はじめてのKinect for windows v2Kaoru NAKAMURA
 
Kinect、real senseの概要とさまざまな使い方
Kinect、real senseの概要とさまざまな使い方Kinect、real senseの概要とさまざまな使い方
Kinect、real senseの概要とさまざまな使い方Kaoru NAKAMURA
 
内蔵化、モバイル化に向かうDepthセンサー
内蔵化、モバイル化に向かうDepthセンサー内蔵化、モバイル化に向かうDepthセンサー
内蔵化、モバイル化に向かうDepthセンサーKaoru NAKAMURA
 
インテル Real Sense Hands On Lab
インテル Real Sense Hands On Labインテル Real Sense Hands On Lab
インテル Real Sense Hands On LabKaoru NAKAMURA
 
DeNA流cocos2d xとの付き合い方
DeNA流cocos2d xとの付き合い方DeNA流cocos2d xとの付き合い方
DeNA流cocos2d xとの付き合い方dena_study
 
KinectやRealSenseの概要とさまざまな使い方
KinectやRealSenseの概要とさまざまな使い方KinectやRealSenseの概要とさまざまな使い方
KinectやRealSenseの概要とさまざまな使い方Kaoru NAKAMURA
 
ジェスチャ認識・物体形状取得がもたらす新たな未来
ジェスチャ認識・物体形状取得がもたらす新たな未来ジェスチャ認識・物体形状取得がもたらす新たな未来
ジェスチャ認識・物体形状取得がもたらす新たな未来Kaoru NAKAMURA
 
イチからはじめるADK北海道支部勉強会発表資料
イチからはじめるADK北海道支部勉強会発表資料イチからはじめるADK北海道支部勉強会発表資料
イチからはじめるADK北海道支部勉強会発表資料Kenichi Yoshida
 

Mais procurados (8)

はじめてのKinect for windows v2
はじめてのKinect for windows v2はじめてのKinect for windows v2
はじめてのKinect for windows v2
 
Kinect、real senseの概要とさまざまな使い方
Kinect、real senseの概要とさまざまな使い方Kinect、real senseの概要とさまざまな使い方
Kinect、real senseの概要とさまざまな使い方
 
内蔵化、モバイル化に向かうDepthセンサー
内蔵化、モバイル化に向かうDepthセンサー内蔵化、モバイル化に向かうDepthセンサー
内蔵化、モバイル化に向かうDepthセンサー
 
インテル Real Sense Hands On Lab
インテル Real Sense Hands On Labインテル Real Sense Hands On Lab
インテル Real Sense Hands On Lab
 
DeNA流cocos2d xとの付き合い方
DeNA流cocos2d xとの付き合い方DeNA流cocos2d xとの付き合い方
DeNA流cocos2d xとの付き合い方
 
KinectやRealSenseの概要とさまざまな使い方
KinectやRealSenseの概要とさまざまな使い方KinectやRealSenseの概要とさまざまな使い方
KinectやRealSenseの概要とさまざまな使い方
 
ジェスチャ認識・物体形状取得がもたらす新たな未来
ジェスチャ認識・物体形状取得がもたらす新たな未来ジェスチャ認識・物体形状取得がもたらす新たな未来
ジェスチャ認識・物体形状取得がもたらす新たな未来
 
イチからはじめるADK北海道支部勉強会発表資料
イチからはじめるADK北海道支部勉強会発表資料イチからはじめるADK北海道支部勉強会発表資料
イチからはじめるADK北海道支部勉強会発表資料
 

Semelhante a Cocos2d x talks

GTMF 2015: 「音声再生遅延推測機能」正式リリース! ズレない!待たせない!快適なスマホゲームを実現する技術紹介 | 株式会社CRI・ミドルウェア
GTMF 2015: 「音声再生遅延推測機能」正式リリース! ズレない!待たせない!快適なスマホゲームを実現する技術紹介 | 株式会社CRI・ミドルウェアGTMF 2015: 「音声再生遅延推測機能」正式リリース! ズレない!待たせない!快適なスマホゲームを実現する技術紹介 | 株式会社CRI・ミドルウェア
GTMF 2015: 「音声再生遅延推測機能」正式リリース! ズレない!待たせない!快適なスマホゲームを実現する技術紹介 | 株式会社CRI・ミドルウェアGame Tools & Middleware Forum
 
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例Unite2017Tokyo
 
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例Unity Technologies Japan K.K.
 
Kinect for Windows およびDepthセンサーの動向
Kinect for Windows およびDepthセンサーの動向Kinect for Windows およびDepthセンサーの動向
Kinect for Windows およびDepthセンサーの動向Kaoru NAKAMURA
 
土下座パラダイスはこうして生まれた
土下座パラダイスはこうして生まれた土下座パラダイスはこうして生まれた
土下座パラダイスはこうして生まれたTakafumi Naito
 
[CEDEC2014]モバイルゲームにおける社内基盤開発と“実録”
[CEDEC2014]モバイルゲームにおける社内基盤開発と“実録”[CEDEC2014]モバイルゲームにおける社内基盤開発と“実録”
[CEDEC2014]モバイルゲームにおける社内基盤開発と“実録”Drecom Co., Ltd.
 
CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作
CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作
CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作Nobutaka Takushima
 
自前でcloud foundryを構築してgooのビッグサービスをカットオーバーした話
自前でcloud foundryを構築してgooのビッグサービスをカットオーバーした話自前でcloud foundryを構築してgooのビッグサービスをカットオーバーした話
自前でcloud foundryを構築してgooのビッグサービスをカットオーバーした話和也 大木
 
GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社
GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社
GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社Game Tools & Middleware Forum
 
CEDEC 2015 Cocos2d-x と社内基盤の付き合い方 〜アップストリームファーストを目指して〜
CEDEC 2015 Cocos2d-x と社内基盤の付き合い方 〜アップストリームファーストを目指して〜CEDEC 2015 Cocos2d-x と社内基盤の付き合い方 〜アップストリームファーストを目指して〜
CEDEC 2015 Cocos2d-x と社内基盤の付き合い方 〜アップストリームファーストを目指して〜Drecom Co., Ltd.
 
CO2センサー×SORACOMサービスの活用事例
CO2センサー×SORACOMサービスの活用事例CO2センサー×SORACOMサービスの活用事例
CO2センサー×SORACOMサービスの活用事例佳孝 中田
 
【HackerWars 】ニフティクラウドmobile backend
【HackerWars 】ニフティクラウドmobile backend【HackerWars 】ニフティクラウドmobile backend
【HackerWars 】ニフティクラウドmobile backend史識 川原
 
Cocos Code IDEを使ってみた
Cocos Code IDEを使ってみたCocos Code IDEを使ってみた
Cocos Code IDEを使ってみたTomoaki Shimizu
 
実はかんたん!ゲームエンジンCocos2d-x入門
実はかんたん!ゲームエンジンCocos2d-x入門実はかんたん!ゲームエンジンCocos2d-x入門
実はかんたん!ゲームエンジンCocos2d-x入門Chukong Technologies Japan
 
cocos2d-x 3.0による変更点
cocos2d-x 3.0による変更点cocos2d-x 3.0による変更点
cocos2d-x 3.0による変更点Tomoaki Shimizu
 
CocoStudioとcocos2d-xの連携2
CocoStudioとcocos2d-xの連携2CocoStudioとcocos2d-xの連携2
CocoStudioとcocos2d-xの連携2Tomoaki Shimizu
 
VR端末開発研究
VR端末開発研究VR端末開発研究
VR端末開発研究Prolead_Terai
 
CEDEC2022 Keiji Kikuchi RemoteMobWork
CEDEC2022 Keiji Kikuchi RemoteMobWorkCEDEC2022 Keiji Kikuchi RemoteMobWork
CEDEC2022 Keiji Kikuchi RemoteMobWorkKeiji Kikuchi
 

Semelhante a Cocos2d x talks (20)

GTMF 2015: 「音声再生遅延推測機能」正式リリース! ズレない!待たせない!快適なスマホゲームを実現する技術紹介 | 株式会社CRI・ミドルウェア
GTMF 2015: 「音声再生遅延推測機能」正式リリース! ズレない!待たせない!快適なスマホゲームを実現する技術紹介 | 株式会社CRI・ミドルウェアGTMF 2015: 「音声再生遅延推測機能」正式リリース! ズレない!待たせない!快適なスマホゲームを実現する技術紹介 | 株式会社CRI・ミドルウェア
GTMF 2015: 「音声再生遅延推測機能」正式リリース! ズレない!待たせない!快適なスマホゲームを実現する技術紹介 | 株式会社CRI・ミドルウェア
 
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
 
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
【Unite 2017 Tokyo】ゲームサウンドを支えるCRIWARE組込み事例
 
Kinect for Windows およびDepthセンサーの動向
Kinect for Windows およびDepthセンサーの動向Kinect for Windows およびDepthセンサーの動向
Kinect for Windows およびDepthセンサーの動向
 
土下座パラダイスはこうして生まれた
土下座パラダイスはこうして生まれた土下座パラダイスはこうして生まれた
土下座パラダイスはこうして生まれた
 
[CEDEC2014]モバイルゲームにおける社内基盤開発と“実録”
[CEDEC2014]モバイルゲームにおける社内基盤開発と“実録”[CEDEC2014]モバイルゲームにおける社内基盤開発と“実録”
[CEDEC2014]モバイルゲームにおける社内基盤開発と“実録”
 
CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作
CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作
CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作
 
自前でcloud foundryを構築してgooのビッグサービスをカットオーバーした話
自前でcloud foundryを構築してgooのビッグサービスをカットオーバーした話自前でcloud foundryを構築してgooのビッグサービスをカットオーバーした話
自前でcloud foundryを構築してgooのビッグサービスをカットオーバーした話
 
GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社
GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社
GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社
 
CEDEC 2015 Cocos2d-x と社内基盤の付き合い方 〜アップストリームファーストを目指して〜
CEDEC 2015 Cocos2d-x と社内基盤の付き合い方 〜アップストリームファーストを目指して〜CEDEC 2015 Cocos2d-x と社内基盤の付き合い方 〜アップストリームファーストを目指して〜
CEDEC 2015 Cocos2d-x と社内基盤の付き合い方 〜アップストリームファーストを目指して〜
 
Cocos2d-xによる最新ゲーム開発
Cocos2d-xによる最新ゲーム開発Cocos2d-xによる最新ゲーム開発
Cocos2d-xによる最新ゲーム開発
 
CO2センサー×SORACOMサービスの活用事例
CO2センサー×SORACOMサービスの活用事例CO2センサー×SORACOMサービスの活用事例
CO2センサー×SORACOMサービスの活用事例
 
【HackerWars 】ニフティクラウドmobile backend
【HackerWars 】ニフティクラウドmobile backend【HackerWars 】ニフティクラウドmobile backend
【HackerWars 】ニフティクラウドmobile backend
 
Cocos2d-x 3D Extension
Cocos2d-x 3D ExtensionCocos2d-x 3D Extension
Cocos2d-x 3D Extension
 
Cocos Code IDEを使ってみた
Cocos Code IDEを使ってみたCocos Code IDEを使ってみた
Cocos Code IDEを使ってみた
 
実はかんたん!ゲームエンジンCocos2d-x入門
実はかんたん!ゲームエンジンCocos2d-x入門実はかんたん!ゲームエンジンCocos2d-x入門
実はかんたん!ゲームエンジンCocos2d-x入門
 
cocos2d-x 3.0による変更点
cocos2d-x 3.0による変更点cocos2d-x 3.0による変更点
cocos2d-x 3.0による変更点
 
CocoStudioとcocos2d-xの連携2
CocoStudioとcocos2d-xの連携2CocoStudioとcocos2d-xの連携2
CocoStudioとcocos2d-xの連携2
 
VR端末開発研究
VR端末開発研究VR端末開発研究
VR端末開発研究
 
CEDEC2022 Keiji Kikuchi RemoteMobWork
CEDEC2022 Keiji Kikuchi RemoteMobWorkCEDEC2022 Keiji Kikuchi RemoteMobWork
CEDEC2022 Keiji Kikuchi RemoteMobWork
 

Cocos2d x talks

  • 1. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. の 開発事例 Cocos2d-x 3.2 を用いた
  • 2. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. アプリの紹介 Cocos2d-xの技術的な話 アジェンダ 前半 後半
  • 3. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 1. 弊社のアプリ紹介 アジェンダ 2. Web 前半 アプリで変わったこと
  • 4. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 自己紹介 加島 拓 (かしま たくみ) 2012年新卒入社 Twitter @jyegan Cocos2d-x歴 2年 2.2 → 3.0、3.2
  • 5. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. こちらも宜しくお願いします
  • 6. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 名探偵コナンミステリータウン
  • 7. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 名探偵コナンミステリータウン
  • 8. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 名探偵コナンミステリータウン
  • 9. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 名探偵コナンミステリータウン
  • 10. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. イケメン王国女王と真実のキス
  • 11. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 恋愛ゲームの紹介
  • 12. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 恋愛ゲームの紹介 ストーリーを読む アバターを着替える 100日間のプリンセスもうひとつのイケメン王宮
  • 13. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 恋愛ゲームの紹介 100日間のプリンセスもうひとつのイケメン王宮
  • 14. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 恋愛ゲームの紹介 100日間のプリンセスもうひとつのイケメン王宮 ウェブ アプリ
  • 15. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 100日間のプリンセスもうひとつのイケメン王宮 ウェブ アプリ アプリへシフト!!!
  • 16. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 開発環境 ・Cocos2d-x 3.0 途中から3.2 ・Xcodeで開発 ・SpriteStudioを使用 ・アプリエンジニア 5人 ・1年後のリリースを目指す
  • 17. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. しかし順調には…
  • 18. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 問題点 ・スクロールにしよう問題 ・スケジュールがあやふや問題 ・リリース後に変更しよう問題
  • 19. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. スクロールにしよう問題 画面に入りきらない スクロールにしよう
  • 20. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. スケジュールがあやふや問題 審査スケジュールがない
  • 21. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. リリース後に変更しよう問題 リリース後にかえられない
  • 22. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 問題点の解決方法 ・全ての画面にレビューを実施 ・アプリのためのスケジュールへ ・可変/不変の明確化
  • 23. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. そしてなんとか…完成!!!
  • 24. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. イケメン王国女王と真実のキス イケメン王国女王と真実のキス
  • 25. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 1. なぜCocos2d-x? アジェンダ 後半 2. 良かった点 & 困った点 3. その他Tips 4. まとめ
  • 26. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 自己紹介 池本 大騎(いけもと だいき) 2012年新卒入社 Cocos2d-x歴 1年弱 3.2
  • 27. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 弊社のCocos2d-x活用例
  • 28. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. ・Cocos2d-x3.2 ・Xcodeで開発 開発環境 ・CocosBuilder, CocosStudioを使用 ・アプリエンジニア 6人
  • 29. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. なぜCocos2d-x? ・オープンソースなので調整ができる ・開発が活発なので市場への対応が速い ・2Dゲームエンジンで安定している ・前バージョンのサポートもしている
  • 30. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. なぜCocos2d-x? ・オープンソースなので調整ができる ・開発が活発なので市場への対応が速い ・2Dゲームエンジンで安定している ・前バージョンのサポートもしている かゆい所に手が届いて、 いざという時に自分たちも何かできる
  • 31. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 良かった点 ・自分で中まで手を入れられる ・プラットフォームの環境の変化に対応 ・Xcodeで開発できるのでデバッグしやすい
  • 32. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 自分で中まで手を入れられる
  • 33. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. プラットフォームの環境の変化に対応 http://www.frandroid.com/smartphone/270208_android-5-0-lollipop-la-liste-des-appareils-mis-a-jour http://en.wikipedia.org/wiki/File:Xcode_icon.png http://www.vn-zoom.com/f185/win64-bit-can-ram-4gb-hay-ram-4gb-can-win-64bit-3002832.html
  • 34. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. Xcodeで開発できるのでデバッグしやすい http://www.frandroid.com/smartphone/270208_android-5-0-lollipop-la-liste-des-appareils-mis-a-jour http://en.wikipedia.org/wiki/File:Xcode_icon.png http://www.vn-zoom.com/f185/win64-bit-can-ram-4gb-hay-ram-4gb-can-win-64bit-3002832.html
  • 35. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 困った点 ・タッチイベントのハンドリングが難しかった ・ネイティブで書かないといけない部分がある ・日本語ドキュメントが少ない
  • 36. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. タッチイベントのハンドリングが難しかった
  • 37. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. タッチイベントのハンドリングが難しかった
  • 38. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 解決方法 setSwallowTouchesメソッドで解決!
  • 39. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. ネイティブで書かないといけない部分がある 課金, ローカル通知
  • 40. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 日本語ドキュメントが少ない
  • 41. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 開発の工夫 ・デザイナーさんと上手く分業できた ・自動ビルドしてChatworkに通知&OTAで配布
  • 42. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. デザイナーさんとの分業 エンジニア デザイナー Resourcesへ Push Pull Push Pull https://github.com/logos
  • 43. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 自動ビルド https://wiki.jenkins-ci.org/display/JENKINS/Logo http://www.chatwork.com/ja/download/cw_logo.html http://seeklogo.com/apple-logo-158010.html http://developer.android.com/distribute/tools/promote/brand.html ビルド通知 OTA配布
  • 44. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 開発の工夫 エンジニア デザイナー 通知 OTA配布
  • 45. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 情報収集 ・GitHubのissueとmerged ・Cocos-2dxのコミュニティサイト ・Stack OverFlow ・Qiita ・Cocos2d-xの書籍
  • 46. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. その他Tips ・スクロールビューではみ出した所がタップ可能 ・ControlButton上ではスクロール出来ない ・EditBoxの削除
  • 47. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. ScrollView
  • 48. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. Control Button
  • 49. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. EditBoxの削除 ・入力フォームが上に表示される ・音量キーがフックされてしまう → 独自EditBoxの作成
  • 50. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. まとめ ・ツールを使って分業する ・部分的にネイティブを書く覚悟 ・いざという時はCocosをいじる
  • 51. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 展望 ・v3.4へ移行 ・ライブラリ化を進めて基盤化 ・ストレスを減らすためにDL周り強化 ・ユーザの声が聞けるような仕組みづくり ・ABテストや簡単にデザイン変更できる仕組みづくり ・ユーザの離脱や課金ポイントの追求ができる仕組み
  • 52. Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved. 株式会社サイバードは エンジニアを募集しています