さいたま勉強会vol4で発表したスライドです。 cocos2d-x初心者もといAndroid向けのイラストです。 あと、おまけはテストについて考えたことです。

1. Androidクラスタの私がcocos2d-xで
マルチディスプレイ対応をしてみた
2012/6/30
さいたま開発勉強会 vol4
@f_megmeg5

2. 自己紹介
@f_megmeg5
iPhoneアプリもAndroid
アプリも作っている
ゲームよりもツール系が
得意

3. cocos2d-xで遊び始めたきっかけ
周りのiOS開発者の方々がcocos2dで楽
しそうに遊んでいた
でも、私はAndroidにどっぷりだから
Androidでcocos2dやりたい！

4. cocos2d-xで遊び始めたきっかけ
cocos2d-androidがあるならこれを使
えばいいじゃない！
http://code.google.com/p/cocos2d-
android/

5. cocos2d-xで遊び始めたきっかけ
全く更新されていない

6. cocos2d-xで遊び始めたきっかけ
(´･ω･`)

7. cocos2d-xで遊び始めたきっかけ
気を取り直して、cocos2d-android-1
もあるじゃない！
https://github.com/ZhouWeikuan/
cocos2d
http://code.google.com/p/cocos2d-
android-1/

8. cocos2d-xで遊び始めたきっかけ
全く更新されていない

9. cocos2d-xで遊び始めたきっかけ
(´；ω；`)

10. cocos2d-xで遊び始めたきっかけ
もうAndroidクラスタはcocos2dに触れ
ないの？
Javaで書くなということなの？

11. cocos2d-xで遊び始めたきっかけ
@yoichinejiさん
cocos2d-xがあるじゃない
cocos2d Advent
Calendar 2011で記事書い
たから見てよ

12. cocos2d-xで遊び始めたきっかけ
cocos2d-xって何？
cocos2dを継承してC/C++で書いてい
くよ！
iPhone/Androidで動くよ！
法人化しているから、更新も早いよ！

13. cocos2d-xで遊び始めたきっかけ
Javaで書けないけど
これしかない

14. cocos2d-xで遊び始めたきっかけ
けど、NDKかー
C/C++わかんないよー

15. cocos2d-xで遊び始めたきっかけ
cocos2d Developers Japan
http://www.facebook.com/groups/
309695229106927/
ここで紹介された記事を読んで、これ
ならできるかも…

16. 実際に遊んでみた
このように紹介されていた

17. 実際に遊んでみた
やってみて悪戦苦闘した様子をブログ
にまとめてるよ！
http://megmegfive.blogspot.jp/

18. 実際に遊んでみた
動いた動いた(∩´∀｀)∩

19. 実際に遊んでみた
REGZA phoneでの表示がおかしい

20. 実際に遊んでみた
試しにGalaxy Nexusでもやってみよう

21. cocos2d-xで遊び始めたきっかけ
表示が全然違う!?

22. Android 用のマルチディスプレイ対応
何故このように表示が異なるの?

23. Android 用のマルチディスプレイ対応
原因
Androidはディスプレイサイズが様々
Androidは画面のアスペクト比も様々
そんでもってdpiも端末毎に異なる

24. Android 用のマルチディスプレイ対応
CCSprite* pSprite =
CCSprite::spriteWithFile("HelloWorld.png");
pSprite->setPosition( ccp(size.width/2, size.height/2) );
// add the sprite as a child to this layer
this->addChild(pSprite, 0);

25. Android 用のマルチディスプレイ対応
座標はともかく、パーツ類のCCSpriteの
スケールが考慮されていない
これじゃあ表示がおかしくなっちゃうね

26. Android 用のマルチディスプレイ対応
じゃあスケールで誤摩化そう！

27. Android 用のマルチディスプレイ対応
スケールの基準
Androidのmdpiを基準にする
長辺：480px
短辺：320px
iPhoneとここは一緒

28. Android 用のマルチディスプレイ対応
const float DEFAULT_WIDTH = 480.0;
const float DEFAULT_HEIGHT = 320.0;
float WIN_SCALE;
CCSize size = CCDirector::sharedDirector()->getWinSize();
! //倍率を取得する
! float kw=size.width/DEFAULT_WIDTH;
! float kh=size.height/DEFAULT_HEIGHT;
! if(kw>=kh){
! ! WIN_SCALE = kh;
! } else{
! ! WIN_SCALE = kw;
! }

29. Android 用のマルチディスプレイ対応
本当はスケールの値は別途他のクラス
で持つのが良い？
実際のスケールの組み込みはEclipse
で上で見せます

30. 実際に遊んでみた
REGZA phoneでスケール調整したもの

31. 実際に遊んでみた
試しにGalaxy Nexusでもやってみよう

32. Android 用のマルチディスプレイ対応
わりといい感じ

33. Android 用のマルチディスプレイ対応
本当はスケールの値は別途他のクラス
で持つのが良い？
実際のスケールの組み込みはEclipse
で上で見せます

34. まとめ
スケール計算を簡単にすませるならこ
の方式になると思う
アスペクト比が一定の方が画面として
作りやすい

35. まとめ
凝った背景にしないのであれば、背景
のみ全画面で出して、他の部分をス
ケール計算ですませるのが良いかも

36. cocos2d-xをやってみて
Eclipseでcocos2d-xをやるなら、補完
がないのでDash片手に行うしかない
Xcodeなら補完が効くので便利

37. cocos2d-xをやってみて
Xcode4で新規プロジェクトを作ると
ディレクトリ構成がcocos2d-xで推奨さ
れている構成と異なるから、Android
向けにビルドパスの修正が必要になる
地味に面倒

38. cocos2d-xをやってみて
XCodeでcocos2dに慣れてからやれば
良かったかも
C++の知識が無いからサンプルの見よ
う見真似で誤摩化しているから、ちゃ
んと勉強しないといけないかも

39. 結論
頑張るしかない

40. おわり

41. おまけを話す時間ある？

42. おまけ
アプリのテスト

43. おまけ
AndroidならJUnitとかMonkeyとかを
使う
ごめんなさい使ったことがないです
基本人力です

44. おまけ
誰かにテストしてもらう
TestFlight(iPhone)を使ったりOTAと
して配布してテストを行ってもらうこと
が多い

45. おまけ
テストやアプリを使っていて気付いた
こと
連打対策が弱いことがある
同時押し対策が弱いことがある

46. おまけ
この辺りはちゃんとケアしてあげる
けっこう突っ込まれるところ

47. おまけ
バグを見つけるために、他に何かコツ
はある？

48. おまけ
運

49. おまけ
バグ発見は運や才能だと偉い人が言っ
ていました
バグ報告してくれるユーザーやテスター
を労ってあげましょう

50. おまけ
おわり