Utility methods for Sprite/Texture tinting.
Tinting with the CanvasRenderer involves creating a new canvas to use as a texture, so be aware of the performance implications.
Members
-
Number of steps which will be used as a cap when rounding colors.
-
Whether or not the Canvas BlendModes are supported, consequently the ability to tint using the multiply method.
-
Tint cache boolean flag.
Methods
-
Basically this method just needs a sprite and a color and tints the sprite with the given color.
Name Type Description sprite
PIXI.Sprite the sprite to tint
color
number the color to use to tint the sprite with
Returns:
Type Description HTMLCanvasElement The tinted canvas -
Rounds the specified color according to the canvasUtils.cacheStepsPerColorChannel.
Name Type Description color
number the color to round, should be a hex color
Returns:
Type Description number The rounded color. -
The tinting method that will be used.
-
Tint a texture using the 'multiply' operation.
Name Type Description texture
PIXI.Texture the texture to tint
color
number the color to use to tint the sprite with
canvas
HTMLCanvasElement the current canvas
-
Tint a texture using the 'overlay' operation.
Name Type Description texture
PIXI.Texture the texture to tint
color
number the color to use to tint the sprite with
canvas
HTMLCanvasElement the current canvas
-
Tint a texture pixel per pixel.
Name Type Description texture
PIXI.Texture the texture to tint
color
number the color to use to tint the sprite with
canvas
HTMLCanvasElement the current canvas