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:
- src/tilemap/Tileset.js line 22
Members
-
<readonly> columns : integer
-
The number of tile columns in the tileset.
Type:
- integer
- Source:
- src/tilemap/Tileset.js line 101
-
firstgid : integer
-
The Tiled firstgid value. This is the starting index of the first tile index this Tileset contains.
Type:
- integer
- Source:
- src/tilemap/Tileset.js line 40
-
<readonly> image : object
-
The cached image that contains the individual tiles. Use setImage to set.
Type:
- object
- Source:
- src/tilemap/Tileset.js line 85
-
name : string
-
The name of the Tileset.
Type:
- string
- Source:
- src/tilemap/Tileset.js line 33
-
properties : object
-
Tileset-specific properties that are typically defined in the Tiled editor.
Type:
- object
- Source:
- src/tilemap/Tileset.js line 77
-
<readonly> rows
-
The number of tile rows in the the tileset.
- Source:
- src/tilemap/Tileset.js line 93
Properties:
Type Description integer -
<readonly> tileHeight : integer
-
The height of each tile (in pixels).
Type:
- integer
- Source:
- src/tilemap/Tileset.js line 54
-
<readonly> tileMargin
-
The margin around the tiles in the sheet (in pixels). Use
setSpacing
to change.- Source:
- src/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.Type:
- integer
- Source:
- src/tilemap/Tileset.js line 71
-
<readonly> tileWidth : integer
-
The width of each tile (in pixels).
Type:
- integer
- Source:
- src/tilemap/Tileset.js line 47
-
<readonly> total : integer
-
The total number of tiles in the tileset.
Type:
- integer
- Source:
- src/tilemap/Tileset.js line 109
Methods
-
containsTileIndex(tileIndex)
-
Returns true if and only if this tileset contains the given tile index.
Parameters:
Name Type Description tileIndex
number - Source:
- src/tilemap/Tileset.js line 153
Returns:
True if this tileset contains the given index.
- Type
- boolean
-
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:
- src/tilemap/Tileset.js line 122
-
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:
- src/tilemap/Tileset.js line 169
-
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:
- src/tilemap/Tileset.js line 182