がおまる開発ブログ

cocos2d-xやlevelhelperを使って iPhone/Androidアプリの作り方を解説します

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

解像度の設定:setDesignResolutionSizeを使用する

画面解像度がややこしいAndroidでは必ずぶち当たる問題です。
cocos2d-xではこのへんの面倒くさい事を数行で解決してくれます。

AppDelegate.cppのapplicationDidFinishLaunchingで設定します。
s_20130113_0.png


bool AppDelegate::applicationDidFinishLaunching()
{
// initialize director
CCDirector *pDirector = CCDirector::sharedDirector();
pDirector->setOpenGLView(CCEGLView::sharedOpenGLView());

// turn on display FPS
pDirector->setDisplayStats(true);

#if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
CCEGLView* view = CCDirector::sharedDirector()->getOpenGLView();
CCSize frame = view->getFrameSize();
if (frame.height==1136.0) {
// iPhone5などの解像度
CCEGLView::sharedOpenGLView()->setDesignResolutionSize(320, 568, kResolutionExactFit);
} else {
CCEGLView::sharedOpenGLView()->setDesignResolutionSize(320, 480, kResolutionExactFit);
}
#else
// Android用
CCEGLView::sharedOpenGLView()->setDesignResolutionSize(320, 480, kResolutionExactFit);
#endif

// set FPS. the default value is 1.0/60 if you don't call this
pDirector->setAnimationInterval(1.0 / 60);

// create a scene. it's an autorelease object
CCScene *pScene = HelloWorld::scene();

// run
pDirector->runWithScene(pScene);

return true;
}



setDesignResolutionSizeなし
画像サイズそのまんまで表示されます。
設置したブロックとか、画像がちっさいですよね〜
s_20130113_1.png

kResolutionShowAllの場合
縦横比を保って画面一杯に表示されます。
上下が空いちゃってます(^_^;)

CCEGLView::sharedOpenGLView()->setDesignResolutionSize(320, 480, kResolutionShowAll);


s_20130113_2.png

kResolutionExactFitの場合
縦横比を保たないで、引き伸ばされた感じで表示されます。
基本的にこれを利用するとよいでしょう♪

CCEGLView::sharedOpenGLView()->setDesignResolutionSize(320, 480, kResolutionExactFit);


s_20130113_3.png

kResolutionNoBorderの場合
縦横比を保って、全体表示する感じです。
設置したブロックがはみ出ちゃう(´Д⊂ヽ

CCEGLView::sharedOpenGLView()->setDesignResolutionSize(320, 480, kResolutionNoBorder);

s_20130113_4.png

どれを使うかはあなた次第!?

更新したAppDelegate.cppはAndroid側に上書き保存して、
ビルドしてください。
色々設定して実機での表示がどうなるか試してみよう!


スポンサーサイト

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://gaomar.blog.fc2.com/tb.php/5-6c02d869
この記事にトラックバックする(FC2ブログユーザー)

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。