TiledTile Component References

The TiledTile component can operate on a particular map block individually.

Creation Method

Create via Editor

Create an empty node under the Layer node automatically generated during the creation of the TiledMap component. Then select the empty node and click Add component -> TiledMap -> TiledTile under the Inspector panel to add the TiledTile component to the node. Then you can manipulate the map block by setting the properties on the TiledTile component.

For related TiledTile script interface, please refer to the TiledTile API.

Create by Code

There are two ways to set up a map block in code. When setting the TiledTile in a Layer node, the TiledTile at the original location of that Layer node will be replaced.

Create by adding a TiledTile Ccmponent to a node

// Create a new node
const node = new Node();
// then set the node's parent to any layer node
node.parent = this.layer.node;  
// Finally add the TiledTile component to the node and return the TiledTile object, which allows you to perform a series of operations on the TiledTile object
const tiledTile = node.addComponent(TiledTile);

Get TiledTile by getTiledTileAt

// Get the TiledTile object on the layer with horizontal coordinates of 0 and vertical coordinates of 0. You can then perform a series of operations on the TiledTile object
const tiledTile = this.layer.getTiledTileAt(0, 0);

For the Layer script interface, please refer to the TiledLayer API.

TiledTile Properties

TiledTile can control the specified map block and apply the displacement, rotation and scaling of nodes to the map block. The user can change the map block style by changing the gid property of the TiledTile.

Note: the gid can only be used with an existing map block in the map to toggle the style of the map block, it is not possible to toggle the style of the map block by customizing the Sprite Frame.

Node properties that can be applied to TiledTile