Class: CanvasTinter

Members

staticTiny.CanvasTinter.cacheStepsPerColorChannelnumber

Number of steps which will be used as a cap when rounding colors.

staticTiny.CanvasTinter.canUseMultiplyboolean

Whether or not the Canvas BlendModes are supported, consequently the ability to tint using the multiply method.

staticTiny.CanvasTinter.convertTintToImageboolean

Tint cache boolean flag.

staticTiny.CanvasTinter.tintMethodtintMethodFunctionType

The tinting method that will be used.

Methods

staticTiny.CanvasTinter.getTintedTexture(sprite, color) ❯ {HTMLCanvasElement}

tiny/core/sprites/canvas/CanvasTinter.js, line 19

Basically this method just needs a sprite and a color and tints the sprite with the given color.

Name	Type	Description
sprite	Tiny.Sprite	the sprite to tint
color	number	the color to use to tint the sprite with

Returns:

Type	Description
HTMLCanvasElement	The tinted canvas

staticTiny.CanvasTinter.roundColor(color) ❯ {number}

tiny/core/sprites/canvas/CanvasTinter.js, line 222

Rounds the specified color according to the CanvasTinter.cacheStepsPerColorChannel.

Name	Type	Description
color	number	the color to round, should be a hex color

Returns:

Type	Description
number	The rounded color.

staticTiny.CanvasTinter.tintWithMultiply(texture, color, canvas)

tiny/core/sprites/canvas/CanvasTinter.js, line 70

Tint a texture using the 'multiply' operation.

Name	Type	Description
texture	Tiny.Texture	the texture to tint
color	number	the color to use to tint the sprite with
canvas	HTMLCanvasElement	the current canvas

staticTiny.CanvasTinter.tintWithOverlay(texture, color, canvas)

tiny/core/sprites/canvas/CanvasTinter.js, line 126

Tint a texture using the 'overlay' operation.

Name	Type	Description
texture	Tiny.Texture	the texture to tint
color	number	the color to use to tint the sprite with
canvas	HTMLCanvasElement	the current canvas

staticTiny.CanvasTinter.tintWithPerPixel(texture, color, canvas)

tiny/core/sprites/canvas/CanvasTinter.js, line 169

Tint a texture pixel per pixel.

Name	Type	Description
texture	Tiny.Texture	the texture to tint
color	number	the color to use to tint the sprite with
canvas	HTMLCanvasElement	the current canvas

Type Definitions

Tiny.CanvasTinter.tintMethodFunctionType(texture, color, canvas)

tiny/core/sprites/canvas/CanvasTinter.js, line 269

The tintMethod type.

Name	Type	Description
texture	Tiny.Texture	the texture to tint
color	number	the color to use to tint the sprite with
canvas	HTMLCanvasElement	the current canvas