Cocos2d-JS中瓦片地图API

Cocos2d-JS中瓦片地图API,第1张

概述为了访问瓦片地图,Cocos2d-JS中访问瓦片地图API,主要的类有:TMXTiledMap、TMXLayer和TMXObjectGroup等。 1、TMXTiledMap TMXTiledMap是瓦片地图类,它的类图如下图所示,TMXTiledMap派生自Node类,具有Node特点。 TMXTiledMap类图 TMXTiledMap常用的函数如下:  new cc.TMXTiledMap( 为了访问瓦片地图,Cocos2d-Js中访问瓦片地图API,主要的类有:TMXTiledMap、TMXLayer和TMXObjectGroup等。
1、TMXTiledMap
TMXTiledMap是瓦片地图类,它的类图如下图所示,TMXTiledMap派生自Node类,具有Node特点。

TMXTiledMap类图 TMXTiledMap常用的函数如下:
new cc.TMXTiledMap(tmxfile)。创建瓦片地图对象。
getLayer(layername)。通过层名获得层对象。
getobjectGroup(groupname)。通过对象层名获得层中对象组集合。
getobjectGroups()。获得对象层中所有对象组集合。
getPropertIEs()。获得层中所有属性。
getPropertIEsForGID (GID)。通过GID[ GID是一个瓦片的全局标识符。]获得属性。
getMapSize()。获得地图的尺寸,它的单位是瓦片。
getTileSize()。获得瓦片尺寸,它的单位是像素。


示例代码如下:
var group = _tileMap.getobjectGroup("Objects");
var background = _tileMap.getLayer("Background");
其中_tileMap是瓦片地图对象。


2、TMXLayer
TMXLayer是地图层类,它的类图如下图所示,TMXLayer也派生自Node类,也具有Node特点。同时TMXLayer也派生自SpriteBatchNode类,所有TMXLayer对象具有批量渲染的能力,瓦片地图层就是由大量重复的图片构成,它们需要渲染提高性能。

TMXLayer类图 TMXLayer常用的函数如下:
getLayername()。获得层名。
getLayerSize()。获得层尺寸,它的单位是瓦片。
getMapTileSize()。获得瓦片尺寸,它的单位是像素。
getpositionAt(pos)。通过瓦片坐标获得像素坐标,瓦片坐标y轴方向与像素坐标y轴方向相反。
getTileGIDAt(pos)。通过瓦片坐标获得GID值。


3、TMXObjectGroup
TMXObjectGroup是对象层中的对象组集合,它的类图如下图所示,注意TMXObjectGroup与TMXLayer不同,TMXObjectGroup不是派生自Node,不具有Node特性。

TMXObjectGroup类图 TMXObjectGroup常用的函数如下:
propertynamed(propertyname)。通过属性名获得属性值。
objectnamed(objectname)。通过对象名获得对象信息。
getPropertIEs()。获得对象的属性。

getobjects()。获得所有对象。


更多内容请关注最新Cocos图书《 Cocos2d-x实战:Js卷——Cocos2d-Js开发本书交流讨论网站:http://www.cocoagame.net
欢迎加入Cocos2d-x技术讨论群:257760386
更多精彩视频课程请关注智捷课堂Cocos课程:http://v.51work6.com
智捷课堂现推出Cocos会员,敬请关注: http://v.51work6.com/courseInfoRedirect.do?action=netDetialInfo&courseId=844465&categoryId=0 《Cocos2d-x实战 Js卷》现已上线,各大商店均已开售:

京东:http://item.jd.com/11659698.html

欢迎关注智捷iOS课堂微信公共平台,了解最新技术文章、图书、教程信息
总结

以上是内存溢出为你收集整理的Cocos2d-JS中瓦片地图API全部内容,希望文章能够帮你解决Cocos2d-JS中瓦片地图API所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1054126.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存