Successfully reported this slideshow.

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

4

Share

1 of 14
1 of 14

More Related Content

Viewers also liked

Related Books

Free with a 14 day trial from Scribd

See all

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

  1. 1. cocos2d-xにおける マップエディタの利用 株式会社TKS2 清水友晶
  2. 2. 清水 友晶 —  株式会社TKS2 スマートフォンアプリ開発 Webコンテンツ開発 —  日本cocos2d-xユーザ会代表 講演活動 執筆活動 —  チラ裏開発メモ: http://tks2.net/memo —  SlideShare: http://www.slideshare.net/doraemonsss
  3. 3. —  6/25発売 —  6/18発売 —  2,800円 + 税 —  2,980円 + 税 —  400ページ —  312ページ —  日経ソフトウェア 2014年2月号
  4. 4. —  日本cocos2d-xユーザ会 http://cocos2d-x.jp —  cocos2d-x開発元Chukong Technologies社公認 —  cocos2d-xのための自由なコミュニティー —  入門者から上級者まで誰でもOK!!ぜひご参加を! (1200人以上参加) —  cocos2d-xに関することなら何でも投稿できます!! —  https://www.facebook.com/groups/cocos2dxjp/
  5. 5. —  2/20 第17回 shinjuku.cocos2d-x —  3/20 第18回 shinjuku.cocos2d-x
  6. 6. 目次 —  cocos2d-xで利用できるUIエディタについて —  Tiled Map Editorについて —  —  —  —  —  Tiled Map Editorの使い方 マップを表示する キャラクタを表示する マップ上の位置情報取得 当たり判定の設定
  7. 7. cocos2d-xで利用できる UIエディタについて —  CocoStudio —  Chunkong Technology社による開発 —  cocos2d-xに特化したエディタ —  CocosBuilder(開発停止) —  後継のSpriteBuilderは、cocos2d-iphoneに特化 —  Tiled Map Editor —  タイルを配置し、マップを作成するのに適している —  複数のエディタを同時に利用することも可能
  8. 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. 9. マップを表示する —  Tiled MapEditor —  タイル画像を読み込む —  タイルレイヤーにタイルを敷き詰める —  cocos2d-x —  TMXTiledMapクラスによりtmxファイルを読み込む —  TMXTiledMap::create( xxx.tmx )
  10. 10. キャラクタを表示する —  Tiled Map Editor —  オブジェクトレイヤーの追加・設定 —  cocos2d-x —  TMXObjectGroupとしてレイヤーを取得 —  ValueMapとしてオブジェクトを取得 —  キャラクター —  http://goo.gl/0FFPM2 —  ソース —  http://goo.gl/3tFOC2
  11. 11. キャラクタの移動 —  通常のタップイベントを利用 —  EventListenerTouchOneByOneクラス —  但し、タイルマップでは問題が。。。 —  ソース —  http://goo.gl/gjqPTO
  12. 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. 13. 当たり判定の設定 —  Tiled Map Editor —  当たり判定用のレイヤーを用意する —  タイル自身のプロパティに移動可否の情報を持つ方法もある が、任意の場所に設定できる方が柔軟に対応できる —  cocos2d-x —  タイルレイヤーよりTileGIDを取得する —  複数の判定を用意した場合は、TileGIDを元にプロパティ を取得し判定を行う必要がある —  ソース —  http://goo.gl/FJOHvw
  14. 14. おわり —  次回、CocoStudioとcocos2d-xの連携2

×