Skip to main content
Version: Phaser v4.1.0

TintModes

MULTIPLY​

MULTIPLY: number​

Description:

Multiply tint mode (default). The tint color is multiplied with the texture color.

Source: src/renderer/TintModes.js#L20
Since: 4.0.0

FILL​

FILL: number​

Description:

Fill tint mode. The tint color replaces the texture color, but respects the texture alpha.

You can use this mode to make a Game Object flash 'white' if hit by something.

Source: src/renderer/TintModes.js#L30
Since: 4.0.0

ADD​

ADD: number​

Description:

Additive tint mode. The tint color is added to the texture color, but respects the texture alpha.

Source: src/renderer/TintModes.js#L43
Since: 4.0.0

SCREEN​

SCREEN: number​

Description:

Screen tint mode. The tint color brightens dark areas of the texture.

Source: src/renderer/TintModes.js#L57
Since: 4.0.0

OVERLAY​

OVERLAY: number​

Description:

Overlay tint mode. The tint color brightens light areas and darkens dark areas.

Source: src/renderer/TintModes.js#L67
Since: 4.0.0

HARD_LIGHT​

HARD_LIGHT: number​

Description:

Hard light tint mode. The tint color brightens light areas and darkens dark areas. This is like overlay, but with the tint color and texture color swapped.

Source: src/renderer/TintModes.js#L77
Since: 4.0.0