Tiled Map Editor用のTileSetを自作してみます。
Tilesetを以下のように作りました。
Map->New Tilesetで、Tiled Map Editorに追加します。Margin, Spacingは2pxにする必要がありますので気をつけてください。
ばっちりかけました。
2013年11月23日土曜日
cocos2d-xのMulti-resolution supportの内容箇条書き
cocos2d-xのMulti-resolution supportの内容をメモとして箇条書きにします。
- 異なる端末の解像度に合わせるためにcocos2d-xでは以下が使用される
- CCEGLView::setDesignResolutionSize()
- CCDirector::setContentScaleFactor()
- 端末の解像度は以下で取れる
- CCEGLView::sharedOpenGLView()->getFrameSize()
- 端末の解像度がなんであろうとDesign Resolution Sizeというのを使う。設定の仕方は以下。
- CCEGLView::sharedOpenGLView()->setDesignResolutionSize(width, height, policy)
- 解像度に合わせた画像を使用するために以下を使う
- searchPath.push_back(largeResource.directory);
- ContentScaleFactorというのはdesignResolutionSizeに対するリソースサイズの比である。
- 表示されている原点とサイズは以下で取得できる
- CCDirector::sharedDirector()->getVisibleOrign()
- CCDirector::sharedDirector()->getVisibleSize()
- 5つの画面表示方法がある
- Exact Fit
- No border
- Show all
- Fixed Height
- Fixed Width
Cocos2d-xでTiled Map Editorを使用する
ステップ
- はじめに
- Cocos2d-xプロジェクトの作成
- Tiled Map Editorを使ってみる
- Tiled Map EditorをCocos2d-xに組み込む
はじめに
ソースコードは以下です。
環境は以下で作成しています。
- Mac OS X: 10.8.3
- Cocos2d-x: 2.2.1
- Tiled Map Editor: 0.9.1
また、この記事は、以下の本のレシピ74を参考にしています。
Cocos2d-xプロジェクトの作成
$ cd tools/project-creator/ $ python create_project.py -project TiledMapSample -package com.wapa5pow.TiledMapSample -language cpp proj.ios : Done! proj.android : Done! proj.win32 : Done! proj.winrt : Done! proj.wp8 : Done! proj.mac : Done! proj.blackberry : Done! proj.linux : Done! proj.marmalade : Done! New project has been created in this path: /Applications/development/Android/cocos2d-x-2.2.1/projects/TiledMapSample $ mkdir Resources/TileMaps
Tiled Map Editorを使ってみる
ここからダウンロードします。
Exampleを開いてその中にある各種ファイルを開いてみましょう。以下の画像はdesert.tmxを開いたところです。
File -> New から以下の設定で作成します。
Map->New Tilesetからタイルを選択します。今回はサンプルにはいっていたtmw_desert_spacing.pngを選択します。
自由にタイルを配置していきます。終わったら、File->Save AsでCocos2d-xプロジェクトのResource以下に配置します。今回はdesert.tmxのファイル名で保存しました。
Tiled Map EditorをCocos2d-xに組み込む
TiledMapSample.xcodeprojをXcodeで開き、先ほどResourceファイル以下に追加したdesert.tmxをResource下にXcode上で配置します。
Tiled Mapを読み込むコードをHelloWorldScene.cppに、以下のように追加します。
// add tiled map CCTMXTiledMap* pTileMap = CCTMXTiledMap::create("TiledMaps/desert.tmx"); this->addChild(pTileMap);
登録:
投稿 (Atom)