Navigation
These archived docs are for Phaser 2.2.2 Phaser 3 docs can be found on newdocs.phaser.io.
Phaser CE docs can be found on the Phaser CE Documentation site.

Constructor

Phaser. Tile

new Tile(layer, index, x, y, width, height)

A Tile is a representation of a single tile within the Tilemap.

Parameters
Name Type Description
layer object

The layer in the Tilemap data that this tile belongs to.
index number

The index of this tile type in the core map data.
x number

The x coordinate of this tile.
y number

The y coordinate of this tile.
width number

Width of the tile.
height number

Height of the tile.
Source code: tilemap/Tile.js, line 19

Public Properties

alpha : number

The alpha value at which this tile is drawn to the canvas.

Source code: tilemap/Tile.js, line 74

[readonly] bottom : number

The sum of the y and height properties.

Source code: tilemap/Tile.js, line 386

[readonly] canCollide : boolean

True if this tile can collide on any of its faces or has a collision callback set.

Source code: tilemap/Tile.js, line 334

centerX

Properties:
Name Type Description
width number

The width of the tile in pixels.
Source code: tilemap/Tile.js, line 64

centerY

Properties:
Name Type Description
height number

The height of the tile in pixels.
Source code: tilemap/Tile.js, line 69

collideDown : boolean

Indicating collide with any object on the bottom.

Default Value
  • false
Source code: tilemap/Tile.js, line 128

collideLeft : boolean

Indicating collide with any object on the left.

Default Value
  • false
Source code: tilemap/Tile.js, line 110

collideRight : boolean

Indicating collide with any object on the right.

Default Value
  • false
Source code: tilemap/Tile.js, line 116

[readonly] collides : boolean

True if this tile can collide on any of its faces.

Source code: tilemap/Tile.js, line 321

collideUp : boolean

Indicating collide with any object on the top.

Default Value
  • false
Source code: tilemap/Tile.js, line 122

collisionCallback : Function

Tile collision callback.

Default Value
  • null
Source code: tilemap/Tile.js, line 134

collisionCallbackContext : Object

The context in which the collision callback will be called.

Source code: tilemap/Tile.js, line 140

faceBottom : boolean

Is the bottom of this tile an interesting edge?

Source code: tilemap/Tile.js, line 94

faceLeft : boolean

Is the left of this tile an interesting edge?

Source code: tilemap/Tile.js, line 99

faceRight : boolean

Is the right of this tile an interesting edge?

Source code: tilemap/Tile.js, line 104

faceTop : boolean

Is the top of this tile an interesting edge?

Source code: tilemap/Tile.js, line 89

height : number

The height of the tile in pixels.

Source code: tilemap/Tile.js, line 59

index : number

The index of this tile within the map data corresponding to the tileset, or -1 if this represents a blank/null tile.

Source code: tilemap/Tile.js, line 29

layer : Object

The layer in the Tilemap data that this tile belongs to.

Source code: tilemap/Tile.js, line 24

[readonly] left : number

The x value in pixels.

Source code: tilemap/Tile.js, line 347

properties : Object

Tile specific properties.

Source code: tilemap/Tile.js, line 79

[readonly] right : number

The sum of the x and width properties.

Source code: tilemap/Tile.js, line 360

scanned : boolean

Has this tile been walked / turned into a poly?

Source code: tilemap/Tile.js, line 84

[readonly] top : number

The y value.

Source code: tilemap/Tile.js, line 373

width : number

The width of the tile in pixels.

Source code: tilemap/Tile.js, line 54

worldX

Properties:
Name Type Description
x number

The x map coordinate of this tile.
Source code: tilemap/Tile.js, line 44

worldY

Properties:
Name Type Description
y number

The y map coordinate of this tile.
Source code: tilemap/Tile.js, line 49

x : number

The x map coordinate of this tile.

Source code: tilemap/Tile.js, line 34

y : number

The y map coordinate of this tile.

Source code: tilemap/Tile.js, line 39

Public Methods

containsPoint(x, y) → {boolean}

Check if the given x and y world coordinates are within this Tile.

Parameters
Name Type Description
x number

The x coordinate to test.
y number

The y coordinate to test.
Returns
boolean -

True if the coordinates are within this Tile, otherwise false.

Source code: tilemap/Tile.js, line 146

copy(tile)

Copies the tile data and properties from the given tile to this tile.

Parameters
Name Type Description
tile Phaser.Tile

The tile to copy from.
Source code: tilemap/Tile.js, line 295

destroy()

Clean up memory.

Source code: tilemap/Tile.js, line 210

intersects(x, y, right, bottom)

Check for intersection with this tile.

Parameters
Name Type Description
x number

The x axis in pixels.
y number

The y axis in pixels.
right number

The right point.
bottom number

The bottom point.
Source code: tilemap/Tile.js, line 160

isInteresting(collides, faces) → {boolean}

Is this tile interesting?

Parameters
Name Type Description
collides boolean

If true will check any collides value.
faces boolean

If true will check any face value.
Returns
boolean -

True if the Tile is interesting, otherwise false.

Source code: tilemap/Tile.js, line 265

resetCollision()

Reset collision status flags.

Source code: tilemap/Tile.js, line 246

setCollision(left, right, up, down)

Sets the collision flags for each side of this tile and updates the interesting faces list.

Parameters
Name Type Description
left boolean

Indicating collide with any object on the left.
right boolean

Indicating collide with any object on the right.
up boolean

Indicating collide with any object on the top.
down boolean

Indicating collide with any object on the bottom.
Source code: tilemap/Tile.js, line 223

setCollisionCallback(callback, context)

Set a callback to be called when this tile is hit by an object. The callback must true true for collision processing to take place.

Parameters
Name Type Description
callback function

Callback function.
context object

Callback will be called within this context.
Source code: tilemap/Tile.js, line 195