Phaser API Documentation

Only webGL setTint([topLeft], [topRight], [bottomLeft], [bottomRight])


Sets an additive tint on this Game Object.

The tint works by taking the pixel color values from the Game Objects texture, and then multiplying it by the color value of the tint. You can provide either one color value, in which case the whole Game Object will be tinted in that color. Or you can provide a color per corner. The colors are blended together across the extent of the Game Object.

To modify the tint color once set, either call this method again with new values or use the tint property to set all colors at once. Or, use the properties tintTopLeft, tintTopRight, tintBottomLeftandtintBottomRight` to set the corner color values independently.

To remove a tint call clearTint.

To swap this from being an additive tint to a fill based tint set the property tintFill to true.


name type arguments Default description
topLeft number <optional> 0xffffff

The tint being applied to the top-left of the Game Object. If no other values are given this value is applied evenly, tinting the whole Game Object.

topRight number <optional>

The tint being applied to the top-right of the Game Object.

bottomLeft number <optional>

The tint being applied to the bottom-left of the Game Object.

bottomRight number <optional>

The tint being applied to the bottom-right of the Game Object.


This Game Object instance.

Since: 3.0.0