さて前回の記事でカメラをフォローする所まで書きましたが、
Cocos2dx 3.x Box2dを使用してカメラをフォローさせる
今回はTielMapEditor Tieldを使用してマップを作成したいと思います。

Tiled Map Editor
こちらのDaily Buildsの方のから最新版をダウンロードしましょう。
なぜ最新版かというとプロパティが編集出来るようになっているからです。
私は5/24段階のdmgファイルを使用しました。

インストールしたら適当に新しいプロジェクトを作成します。 するとこんな画面になるはずです

左のレイヤーボタンを押すとレイヤーが見れます。

現在タイル・レイヤーとなっている所をLayerと名前を変更します。
その後追加ボタンを押し、オブジェクト・レイヤーの追加をします

こちらも名前をCollisionMapとします

タイル・レイヤーは1タイル（マス）にたいして画像など乗せる事が出来ます
オブジェクトレイヤーはそ物理的な静的オブジェクトを作成する事が出来ます

新しく作成したCollisionMapを選択した状態で上のメニューから色々な図形や線がかけます

こんな感じで作成してみました。

追加したオブジェクトには名前を付けておきましょう

この時点でこのマップを組み込みたいプロジェクトのResourcesに保存します

これで物理判定する箇所はできたのですが、これだけでは寂しいのでこんな物をつくってもらいました。
斜め前席のAさんありがとうございます！

この画像をResourcesに入れます

同階層に保存したので、これをTiledにドラッグ＆ドロップします。

保存するかときかれるのでそのままOKを押します。 するとTiledのタイルセットの中に先ほどの画像が入ると思います。

レイヤーをLayerに変更して上のメニューのスタンプボタンを押下。

この状態でオブジェクトにそってタイルを埋めていきます。 こんな感じになればおkです。

これにてマップは一旦作成完了とします。

次回はこのMAPをCocos2dxに組み込みます