Cocos2d x talks

Copyright 2014 CYBIRD Co., Ltd. All Rights Reserved.

の開発事例

Cocos2d-x 3.2

を用いた


アプリの紹介

Cocos2d-xの技術的な話

アジェンダ

前半

後半


1. 弊社のアプリ紹介

アジェンダ

2. Web

前半

アプリで変わったこと


自己紹介

加島拓 (かしまたくみ)2012年新卒入社

Twitter @jyegan

Cocos2d-x歴 2年2.2 → 3.0、3.2


こちらも宜しくお願いします


名探偵コナンミステリータウン








イケメン王国女王と真実のキス


恋愛ゲームの紹介


恋愛ゲームの紹介ストーリーを読む

アバターを着替える100日間のプリンセスもうひとつのイケメン王宮



100日間のプリンセスもうひとつのイケメン王宮




ウェブ

アプリ



ウェブ

アプリ

アプリへシフト!!!


開発環境

・Cocos2d-x 3.0 途中から3.2

・Xcodeで開発

・SpriteStudioを使用

・アプリエンジニア 5人

・1年後のリリースを目指す


しかし順調には…


問題点

・スクロールにしよう問題

・スケジュールがあやふや問題

・リリース後に変更しよう問題


スクロールにしよう問題

画面に入りきらない

スクロールにしよう


スケジュールがあやふや問題

審査スケジュールがない


リリース後に変更しよう問題

リリース後にかえられない


問題点の解決方法

・全ての画面にレビューを実施

・アプリのためのスケジュールへ

・可変/不変の明確化


そしてなんとか…完成!!!





1. なぜCocos2d-x？

アジェンダ

後半

2. 良かった点 & 困った点3. その他Tips4. まとめ


自己紹介

池本大騎(いけもとだいき)2012年新卒入社

Cocos2d-x歴 1年弱3.2


弊社のCocos2d-x活用例


・Cocos2d-x3.2

・Xcodeで開発

開発環境

・CocosBuilder, CocosStudioを使用

・アプリエンジニア 6人


なぜCocos2d-x？

・オープンソースなので調整ができる

・開発が活発なので市場への対応が速い

・2Dゲームエンジンで安定している

・前バージョンのサポートもしている


なぜCocos2d-x？

・オープンソースなので調整ができる

・開発が活発なので市場への対応が速い

・2Dゲームエンジンで安定している

・前バージョンのサポートもしているかゆい所に手が届いて、

いざという時に自分たちも何かできる


良かった点

・自分で中まで手を入れられる

・プラットフォームの環境の変化に対応

・Xcodeで開発できるのでデバッグしやすい


自分で中まで手を入れられる


プラットフォームの環境の変化に対応

http://www.frandroid.com/smartphone/270208_android-5-0-lollipop-la-liste-des-appareils-mis-a-jourhttp://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

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



Xcodeで開発できるのでデバッグしやすい

http://www.frandroid.com/smartphone/270208_android-5-0-lollipop-la-liste-des-appareils-mis-a-jourhttp://en.wikipedia.org/wiki/File:Xcode_icon.png


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



困った点

・タッチイベントのハンドリングが難しかった

・ネイティブで書かないといけない部分がある

・日本語ドキュメントが少ない


タッチイベントのハンドリングが難しかった


タッチイベントのハンドリングが難しかった


解決方法

setSwallowTouchesメソッドで解決！


ネイティブで書かないといけない部分がある

課金, ローカル通知


日本語ドキュメントが少ない


開発の工夫

・デザイナーさんと上手く分業できた

・自動ビルドしてChatworkに通知&OTAで配布


デザイナーさんとの分業

エンジニアデザイナーResourcesへ

Push Pull Push Pull

https://github.com/logos

https://github.com/logos


自動ビルド

https://wiki.jenkins-ci.org/display/JENKINS/Logohttp://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配布

https://wiki.jenkins-ci.org/display/JENKINS/Logo

http://www.chatwork.com/ja/download/cw_logo.html


開発の工夫

エンジニアデザイナー

通知 OTA配布


情報収集

・GitHubのissueとmerged

・Cocos-2dxのコミュニティサイト

・Stack OverFlow・Qiita・Cocos2d-xの書籍


その他Tips

・スクロールビューではみ出した所がタップ可能

・ControlButton上ではスクロール出来ない

・EditBoxの削除


ScrollView


Control Button


EditBoxの削除

・入力フォームが上に表示される

・音量キーがフックされてしまう

→ 独自EditBoxの作成


まとめ

・ツールを使って分業する

・部分的にネイティブを書く覚悟

・いざという時はCocosをいじる


展望

・v3.4へ移行

・ライブラリ化を進めて基盤化

・ストレスを減らすためにDL周り強化

・ユーザの声が聞けるような仕組みづくり

・ABテストや簡単にデザイン変更できる仕組みづくり

・ユーザの離脱や課金ポイントの追求ができる仕組み


株式会社サイバードはエンジニアを募集しています

Engineering

Cocos2d x talks