Cocos Creator 小科普【CocosCreator入门】CocosCreator组件 | TiledTile(地图块)组件-LMLPHP

  • Cocos Creator是一个基于 Cocos2d-x 引擎的游戏开发工具,可以用于制作2D和3D游戏,也可以用于开发跨平台应用程序。
  • Cocos Creator提供了一系列的工具和编辑器,可以帮助开发者快速地创建游戏场景、设计游戏逻辑、调试游戏性能等。
  • Cocos Creator支持多平台发布,包括Web、iOS、Android、Windows、Mac等平台,可以帮助开发者快速地发布游戏并将其推向全球市场。
  • Cocos Creator提供了丰富的社区资源和技术支持,可以帮助开发者解决开发过程中遇到的各种问题。

       Cocos Creator是一款流行的游戏开发引擎,具有丰富的组件和工具,其中TiledTile组件是用于在TiledMap地图中显示瓦片的组件,可以帮助开发者更方便地渲染地图。


目录

一、组件介绍

二、组件属性

三、创建方式

3.1通过编辑器创建

3.2通过代码创建

四、组件使用


一、组件介绍

TiledTile组件是基于TiledMap地图和TMX文件格式实现的。在TMX文件中,每个图层都由若干个瓦片组成,每个瓦片都有自己的位置和属性。TiledMap地图会根据TMX文件中的信息来加载瓦片,并将瓦片渲染到画布上。 TiledTile组件会根据TMX文件中指定的瓦片图集来加载瓦片图像,并将瓦片图像渲染到画布上。同时,TiledTile组件还可以通过设置一些属性,例如瓦片的位置、旋转角度、缩放比例等,来调整瓦片的显示效果。

二、组件属性

【CocosCreator入门】CocosCreator组件 | TiledTile(地图块)组件-LMLPHP

三、创建方式

3.1通过编辑器创建

       在创建 TiledTile组件过程中 自动生成 的 Layer 节点下创建一个空节点。然后选中该空节点,点击 属性检查器 下方的 添加组件 -> 渲染组件 -> TiledTile,即可添加 TiledTile 组件到节点上。再通过设置 TiledTile 组件上的属性来操作地图块。

【CocosCreator入门】CocosCreator组件 | TiledTile(地图块)组件-LMLPHP

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、瓦片图集对象、位置、旋转角度等。除此之外,还可以通过设置其他属性来调整瓦片的显示效果。

06-01 22:58