Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
cocos2d-xにおける
マップエディタの利用
株式会社TKS2 清水友晶
清水 友晶
—  株式会社TKS2
スマートフォンアプリ開発
Webコンテンツ開発

—  日本cocos2d-xユーザ会代表
講演活動
執筆活動

—  チラ裏開発メモ: http://tks2.net/memo
—  SlideSh...
—  6/25発売

—  6/18発売

—  2,800円 + 税

—  2,980円 + 税

—  400ページ

—  312ページ

—  日経ソフトウェア
2014年2月号
—  日本cocos2d-xユーザ会
http://cocos2d-x.jp

—  cocos2d-x開発元Chukong Technologies社公認
—  cocos2d-xのための自由なコミュニティー
—  入門者から上級者ま...
—  2/20 第17回 shinjuku.cocos2d-x
—  3/20 第18回 shinjuku.cocos2d-x
目次
—  cocos2d-xで利用できるUIエディタについて
—  Tiled Map Editorについて
— 
— 
— 
— 
— 

Tiled Map Editorの使い方
マップを表示する
キャラクタを表示する
マッ...
cocos2d-xで利用できる
UIエディタについて
—  CocoStudio
—  Chunkong Technology社による開発
—  cocos2d-xに特化したエディタ

—  CocosBuilder(開発停止)
— ...
Tiled Map Editorの使い方
—  Tiled Map Editorのダウンロード
http://www.mapeditor.org

—  Tiled Map Editorのサンプルを見てみる
—  cocos2d-x用に利...
マップを表示する
—  Tiled MapEditor
—  タイル画像を読み込む
—  タイルレイヤーにタイルを敷き詰める

—  cocos2d-x
—  TMXTiledMapクラスによりtmxファイルを読み込む
—  TMX...
キャラクタを表示する
—  Tiled Map Editor
—  オブジェクトレイヤーの追加・設定

—  cocos2d-x
—  TMXObjectGroupとしてレイヤーを取得
—  ValueMapとしてオブジェクトを取得
...
キャラクタの移動
—  通常のタップイベントを利用
—  EventListenerTouchOneByOneクラス

—  但し、タイルマップでは問題が。。。

—  ソース
—  http://goo.gl/gjqPTO
マップ上の位置情報取得
—  Tiled Map Editor
(0,192)	

(192,192)	

(0,0)	
 (0,1)	
 (0,2)	
(0,128)	

(1,0)	
 (1,1)	
 (1,2)	
(0,64)	

(2...
当たり判定の設定
—  Tiled Map Editor
—  当たり判定用のレイヤーを用意する
—  タイル自身のプロパティに移動可否の情報を持つ方法もある
が、任意の場所に設定できる方が柔軟に対応できる

—  cocos2d-x
...
おわり
—  次回、CocoStudioとcocos2d-xの連携2
Upcoming SlideShare
Loading in …5
×

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

4,441 views

Published on

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

Published in: Technology
  • Be the first to comment

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

×