cocos2d-xにおけるマップエディタの利用

1. cocos2d-xにおける
マップエディタの利用
株式会社TKS2 清水友晶

2. 清水 友晶
— 株式会社TKS2
スマートフォンアプリ開発
Webコンテンツ開発
— 日本cocos2d-xユーザ会代表
講演活動
執筆活動
— チラ裏開発メモ: http://tks2.net/memo
— SlideShare:
http://www.slideshare.net/doraemonsss

3. — 6/25発売
— 6/18発売
— 2,800円 ＋ 税
— 2,980円 ＋ 税
— 400ページ
— 312ページ
— 日経ソフトウェア
2014年2月号

4. — 日本cocos2d-xユーザ会
http://cocos2d-x.jp
— cocos2d-x開発元Chukong Technologies社公認
— cocos2d-xのための自由なコミュニティー
— 入門者から上級者まで誰でもOK!!ぜひご参加を! (1200人以上参加)
— cocos2d-xに関することなら何でも投稿できます!!
— https://www.facebook.com/groups/cocos2dxjp/

5. — 2/20 第17回 shinjuku.cocos2d-x
— 3/20 第18回 shinjuku.cocos2d-x

6. 目次
— cocos2d-xで利用できるUIエディタについて
— Tiled Map Editorについて
—
—
—
—
—
Tiled Map Editorの使い方
マップを表示する
キャラクタを表示する
マップ上の位置情報取得
当たり判定の設定

7. cocos2d-xで利用できる
UIエディタについて
— CocoStudio
— Chunkong Technology社による開発
— cocos2d-xに特化したエディタ
— CocosBuilder(開発停止)
— 後継のSpriteBuilderは、cocos2d-iphoneに特化
— Tiled Map Editor
— タイルを配置し、マップを作成するのに適している
— 複数のエディタを同時に利用することも可能

8. Tiled Map Editorの使い方
— Tiled Map Editorのダウンロード
http://www.mapeditor.org
— Tiled Map Editorのサンプルを見てみる
— cocos2d-x用に利用するには、cocos2d-xのプロジェ
クトのResourcesに直接作成すると、管理が楽になる
— cocos2d-iphone向けの参考資料はこちら
http://www.raywenderlich.com/ja/40094

9. マップを表示する
— Tiled MapEditor
— タイル画像を読み込む
— タイルレイヤーにタイルを敷き詰める
— cocos2d-x
— TMXTiledMapクラスによりtmxファイルを読み込む
— TMXTiledMap::create( xxx.tmx )

10. キャラクタを表示する
— Tiled Map Editor
— オブジェクトレイヤーの追加・設定
— cocos2d-x
— TMXObjectGroupとしてレイヤーを取得
— ValueMapとしてオブジェクトを取得
— キャラクター
— http://goo.gl/0FFPM2
— ソース
— http://goo.gl/3tFOC2

11. キャラクタの移動
— 通常のタップイベントを利用
— EventListenerTouchOneByOneクラス
— 但し、タイルマップでは問題が。。。
— ソース
— http://goo.gl/gjqPTO

12. マップ上の位置情報取得
— Tiled Map Editor
(0,192)
(192,192)
(0,0)
(0,1)
(0,2)
(0,128)
(1,0)
(1,1)
(1,2)
(0,64)
(2,0)
(2,1)
(2,2)
(0,0)
(64,0)
(128,0)
(192,0)
— cocos2d-x
— Pointからマップ上の位置情報を取得する必要がある
— ソース
— http://goo.gl/CfNGkg

13. 当たり判定の設定
— Tiled Map Editor
— 当たり判定用のレイヤーを用意する
— タイル自身のプロパティに移動可否の情報を持つ方法もある
が、任意の場所に設定できる方が柔軟に対応できる
— cocos2d-x
— タイルレイヤーよりTileGIDを取得する
— 複数の判定を用意した場合は、TileGIDを元にプロパティ
を取得し判定を行う必要がある
— ソース
— http://goo.gl/FJOHvw

14. おわり
— 次回、CocoStudioとcocos2d-xの連携2