new Tileset(name, firstgid, width, height, margin, spacing, properties)
A Tile set is a combination of an image containing the tiles and collision data per tile.
Tilesets are normally created automatically when Tiled data is loaded.
Parameters:
Name | Type | Argument | Default | Description |
---|---|---|---|---|
name |
string | The name of the tileset in the map data. |
||
firstgid |
integer | The first tile index this tileset contains. |
||
width |
integer |
<optional> |
32 | Width of each tile (in pixels). |
height |
integer |
<optional> |
32 | Height of each tile (in pixels). |
margin |
integer |
<optional> |
0 | The margin around all tiles in the sheet (in pixels). |
spacing |
integer |
<optional> |
0 | The spacing between each tile in the sheet (in pixels). |
properties |
object |
<optional> |
{} | Custom Tileset properties. |
- Source - tilemap/Tileset.js, line 22
Members
-
<readonly> columns :integer
-
The number of tile columns in the tileset.
- Source - tilemap/Tileset.js, line 101
-
firstgid :integer
-
The Tiled firstgid value. This is the starting index of the first tile index this Tileset contains.
- Source - tilemap/Tileset.js, line 40
-
<readonly> image :object
-
The cached image that contains the individual tiles. Use setImage to set.
- Source - tilemap/Tileset.js, line 85
-
name :string
-
The name of the Tileset.
- Source - tilemap/Tileset.js, line 33
-
properties :object
-
Tileset-specific properties that are typically defined in the Tiled editor.
- Source - tilemap/Tileset.js, line 77
-
<readonly> rows
-
The number of tile rows in the the tileset.
- Source - tilemap/Tileset.js, line 93
Properties:
Type Description integer -
<readonly> tileHeight :integer
-
The height of each tile (in pixels).
- Source - tilemap/Tileset.js, line 54
-
<readonly> tileMargin
-
The margin around the tiles in the sheet (in pixels). Use
setSpacing
to change.- Source - tilemap/Tileset.js, line 63
Properties:
Name Type Description tileMarge
integer -
<readonly> tileSpacing :integer
-
The spacing between each tile in the sheet (in pixels). Use
setSpacing
to change.- Source - tilemap/Tileset.js, line 71
-
<readonly> tileWidth :integer
-
The width of each tile (in pixels).
- Source - tilemap/Tileset.js, line 47
-
<readonly> total :integer
-
The total number of tiles in the tileset.
- Source - tilemap/Tileset.js, line 109
Methods
-
containsTileIndex() → {boolean}
-
Returns true if and only if this tileset contains the given tile index.
Returns:
boolean -True if this tileset contains the given index.
- Source - tilemap/Tileset.js, line 155
-
draw(context, x, y, index)
-
Draws a tile from this Tileset at the given coordinates on the context.
Parameters:
Name Type Description context
CanvasRenderingContext2D The context to draw the tile onto.
x
number The x coordinate to draw to.
y
number The y coordinate to draw to.
index
integer The index of the tile within the set to draw.
- Source - tilemap/Tileset.js, line 123
-
setImage(image)
-
Set the image associated with this Tileset and update the tile data.
Parameters:
Name Type Description image
Image The image that contains the tiles.
- Source - tilemap/Tileset.js, line 171
-
setSpacing(margin, spacing)
-
Sets tile spacing and margins.
Parameters:
Name Type Argument Default Description margin
integer <optional>
0 The margin around the tiles in the sheet (in pixels).
spacing
integer <optional>
0 The spacing between the tiles in the sheet (in pixels).
- Source - tilemap/Tileset.js, line 185