Cocos Creator 小科普
- Cocos Creator是一个基于 Cocos2d-x 引擎的游戏开发工具,可以用于制作2D和3D游戏,也可以用于开发跨平台应用程序。
- Cocos Creator提供了一系列的工具和编辑器,可以帮助开发者快速地创建游戏场景、设计游戏逻辑、调试游戏性能等。
- Cocos Creator支持多平台发布,包括Web、iOS、Android、Windows、Mac等平台,可以帮助开发者快速地发布游戏并将其推向全球市场。
- Cocos Creator提供了丰富的社区资源和技术支持,可以帮助开发者解决开发过程中遇到的各种问题。
Cocos Creator是一款流行的游戏开发引擎,具有丰富的组件和工具,其中TiledTile组件是用于在TiledMap地图中显示瓦片的组件,可以帮助开发者更方便地渲染地图。
目录
一、组件介绍
TiledTile组件是基于TiledMap地图和TMX文件格式实现的。在TMX文件中,每个图层都由若干个瓦片组成,每个瓦片都有自己的位置和属性。TiledMap地图会根据TMX文件中的信息来加载瓦片,并将瓦片渲染到画布上。 TiledTile组件会根据TMX文件中指定的瓦片图集来加载瓦片图像,并将瓦片图像渲染到画布上。同时,TiledTile组件还可以通过设置一些属性,例如瓦片的位置、旋转角度、缩放比例等,来调整瓦片的显示效果。
二、组件属性
三、创建方式
3.1通过编辑器创建
在创建 TiledTile组件过程中 自动生成 的 Layer 节点下创建一个空节点。然后选中该空节点,点击 属性检查器 下方的 添加组件 -> 渲染组件 -> TiledTile,即可添加 TiledTile 组件到节点上。再通过设置 TiledTile 组件上的属性来操作地图块。
3.2通过代码创建
在代码中设置地图块有两种方式。当你在某个 Layer 节点中设置了 TiledTile 之后,该 Layer 节点原先所在位置的 TiledTile 将会被取代。
通过对一个节点添加 TiledTile 组件创建
// 创建一个新节点
var node = new cc.Node();
// 然后把该节点的父节点设置为任意的 layer 节点
node.parent = this.layer.node;
// 最后添加 TiledTile 组件到该节点上,并返回 TiledTile 对象,就可以对 TiledTile 对象进行一系列操作
var tiledTile = node.addComponent(cc.TiledTile);
通过 getTiledTileAt 获取 TiledTile
// 获取 layer 上横向坐标为 0,纵向坐标为 0 的 TiledTile 对象,就可以对 TiledTile 对象进行一系列操作
var tiledTile = this.layer.getTiledTileAt(0, 0);
四、组件使用
在使用TiledTile组件时,需要先将该组件添加到一个节点上,然后设置该节点的一些属性,例如:
var tile = node.addComponent(cc.TiledTile);
tile.tiledId = 1;
tile.tileSet = tiledMap.getTileSet('tileset1');
tile.flipX = true;
在上述代码中,首先将TiledTile组件添加到名为node
的节点上,然后设置该组件的tiledId
属性为1,表示该瓦片在TMX文件中的ID为1。接着,设置该组件的tileSet
属性为名为tileset1
的瓦片图集对象。最后,将该组件的flipX
属性设置为true
,表示该瓦片需要水平翻转。
除了上述属性外,TiledTile组件还提供了其他一些属性,例如:
tiledId
: 瓦片在TMX文件中的ID。tileSet
: 瓦片所属的瓦片图集对象。position
: 瓦片的位置。rotation
: 瓦片的旋转角度。scale
: 瓦片的缩放比例。flipX
: 是否水平翻转。flipY
: 是否垂直翻转。
总之,TiledTile组件是Cocos Creator中用于显示瓦片的组件,底层基于TiledMap地图和TMX文件格式实现。在使用TiledTile组件时,需要先将该组件添加到一个节点上,然后设置该节点的一些属性,例如瓦片的ID、瓦片图集对象、位置、旋转角度等。除此之外,还可以通过设置其他属性来调整瓦片的显示效果。