Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2024-12-23 19:43:28 +00:00
Code Issues Projects Releases Packages Wiki Activity
phaser/src/renderer/BlendModes.js
Richard Davey 468bf7821d Updated copyright year
2023-01-02 17:36:27 +00:00

333 lines
7.9 KiB
JavaScript
Raw Blame History

/**
* @author Richard Davey <rich@photonstorm.com>
* @copyright 2013-2023 Photon Storm Ltd.
* @license {@link https://opensource.org/licenses/MIT|MIT License}
*/
/**
* Phaser Blend Modes.
*
* @namespace Phaser.BlendModes
* @since 3.0.0
*/
module.exports = {
/**
* Skips the Blend Mode check in the renderer.
*
* @name Phaser.BlendModes.SKIP_CHECK
* @type {number}
* @const
* @since 3.0.0
*/
SKIP_CHECK: -1,
/**
* Normal blend mode. For Canvas and WebGL.
* This is the default setting and draws new shapes on top of the existing canvas content.
*
* @name Phaser.BlendModes.NORMAL
* @type {number}
* @const
* @since 3.0.0
*/
NORMAL: 0,
/**
* Add blend mode. For Canvas and WebGL.
* Where both shapes overlap the color is determined by adding color values.
*
* @name Phaser.BlendModes.ADD
* @type {number}
* @const
* @since 3.0.0
*/
ADD: 1,
/**
* Multiply blend mode. For Canvas and WebGL.
* The pixels are of the top layer are multiplied with the corresponding pixel of the bottom layer. A darker picture is the result.
*
* @name Phaser.BlendModes.MULTIPLY
* @type {number}
* @const
* @since 3.0.0
*/
MULTIPLY: 2,
/**
* Screen blend mode. For Canvas and WebGL.
* The pixels are inverted, multiplied, and inverted again. A lighter picture is the result (opposite of multiply)
*
* @name Phaser.BlendModes.SCREEN
* @type {number}
* @const
* @since 3.0.0
*/
SCREEN: 3,
/**
* Overlay blend mode. For Canvas only.
* A combination of multiply and screen. Dark parts on the base layer become darker, and light parts become lighter.
*
* @name Phaser.BlendModes.OVERLAY
* @type {number}
* @const
* @since 3.0.0
*/
OVERLAY: 4,
/**
* Darken blend mode. For Canvas only.
* Retains the darkest pixels of both layers.
*
* @name Phaser.BlendModes.DARKEN
* @type {number}
* @const
* @since 3.0.0
*/
DARKEN: 5,
/**
* Lighten blend mode. For Canvas only.
* Retains the lightest pixels of both layers.
*
* @name Phaser.BlendModes.LIGHTEN
* @type {number}
* @const
* @since 3.0.0
*/
LIGHTEN: 6,
/**
* Color Dodge blend mode. For Canvas only.
* Divides the bottom layer by the inverted top layer.
*
* @name Phaser.BlendModes.COLOR_DODGE
* @type {number}
* @const
* @since 3.0.0
*/
COLOR_DODGE: 7,
/**
* Color Burn blend mode. For Canvas only.
* Divides the inverted bottom layer by the top layer, and then inverts the result.
*
* @name Phaser.BlendModes.COLOR_BURN
* @type {number}
* @const
* @since 3.0.0
*/
COLOR_BURN: 8,
/**
* Hard Light blend mode. For Canvas only.
* A combination of multiply and screen like overlay, but with top and bottom layer swapped.
*
* @name Phaser.BlendModes.HARD_LIGHT
* @type {number}
* @const
* @since 3.0.0
*/
HARD_LIGHT: 9,
/**
* Soft Light blend mode. For Canvas only.
* A softer version of hard-light. Pure black or white does not result in pure black or white.
*
* @name Phaser.BlendModes.SOFT_LIGHT
* @type {number}
* @const
* @since 3.0.0
*/
SOFT_LIGHT: 10,
/**
* Difference blend mode. For Canvas only.
* Subtracts the bottom layer from the top layer or the other way round to always get a positive value.
*
* @name Phaser.BlendModes.DIFFERENCE
* @type {number}
* @const
* @since 3.0.0
*/
DIFFERENCE: 11,
/**
* Exclusion blend mode. For Canvas only.
* Like difference, but with lower contrast.
*
* @name Phaser.BlendModes.EXCLUSION
* @type {number}
* @const
* @since 3.0.0
*/
EXCLUSION: 12,
/**
* Hue blend mode. For Canvas only.
* Preserves the luma and chroma of the bottom layer, while adopting the hue of the top layer.
*
* @name Phaser.BlendModes.HUE
* @type {number}
* @const
* @since 3.0.0
*/
HUE: 13,
/**
* Saturation blend mode. For Canvas only.
* Preserves the luma and hue of the bottom layer, while adopting the chroma of the top layer.
*
* @name Phaser.BlendModes.SATURATION
* @type {number}
* @const
* @since 3.0.0
*/
SATURATION: 14,
/**
* Color blend mode. For Canvas only.
* Preserves the luma of the bottom layer, while adopting the hue and chroma of the top layer.
*
* @name Phaser.BlendModes.COLOR
* @type {number}
* @const
* @since 3.0.0
*/
COLOR: 15,
/**
* Luminosity blend mode. For Canvas only.
* Preserves the hue and chroma of the bottom layer, while adopting the luma of the top layer.
*
* @name Phaser.BlendModes.LUMINOSITY
* @type {number}
* @const
* @since 3.0.0
*/
LUMINOSITY: 16,
/**
* Alpha erase blend mode. For Canvas and WebGL.
*
* @name Phaser.BlendModes.ERASE
* @type {number}
* @const
* @since 3.0.0
*/
ERASE: 17,
/**
* Source-in blend mode. For Canvas only.
* The new shape is drawn only where both the new shape and the destination canvas overlap. Everything else is made transparent.
*
* @name Phaser.BlendModes.SOURCE_IN
* @type {number}
* @const
* @since 3.0.0
*/
SOURCE_IN: 18,
/**
* Source-out blend mode. For Canvas only.
* The new shape is drawn where it doesn't overlap the existing canvas content.
*
* @name Phaser.BlendModes.SOURCE_OUT
* @type {number}
* @const
* @since 3.0.0
*/
SOURCE_OUT: 19,
/**
* Source-out blend mode. For Canvas only.
* The new shape is only drawn where it overlaps the existing canvas content.
*
* @name Phaser.BlendModes.SOURCE_ATOP
* @type {number}
* @const
* @since 3.0.0
*/
SOURCE_ATOP: 20,
/**
* Destination-over blend mode. For Canvas only.
* New shapes are drawn behind the existing canvas content.
*
* @name Phaser.BlendModes.DESTINATION_OVER
* @type {number}
* @const
* @since 3.0.0
*/
DESTINATION_OVER: 21,
/**
* Destination-in blend mode. For Canvas only.
* The existing canvas content is kept where both the new shape and existing canvas content overlap. Everything else is made transparent.
*
* @name Phaser.BlendModes.DESTINATION_IN
* @type {number}
* @const
* @since 3.0.0
*/
DESTINATION_IN: 22,
/**
* Destination-out blend mode. For Canvas only.
* The existing content is kept where it doesn't overlap the new shape.
*
* @name Phaser.BlendModes.DESTINATION_OUT
* @type {number}
* @const
* @since 3.0.0
*/
DESTINATION_OUT: 23,
/**
* Destination-out blend mode. For Canvas only.
* The existing canvas is only kept where it overlaps the new shape. The new shape is drawn behind the canvas content.
*
* @name Phaser.BlendModes.DESTINATION_ATOP
* @type {number}
* @const
* @since 3.0.0
*/
DESTINATION_ATOP: 24,
/**
* Lighten blend mode. For Canvas only.
* Where both shapes overlap the color is determined by adding color values.
*
* @name Phaser.BlendModes.LIGHTER
* @type {number}
* @const
* @since 3.0.0
*/
LIGHTER: 25,
/**
* Copy blend mode. For Canvas only.
* Only the new shape is shown.
*
* @name Phaser.BlendModes.COPY
* @type {number}
* @const
* @since 3.0.0
*/
COPY: 26,
/**
* Xor blend mode. For Canvas only.
* Shapes are made transparent where both overlap and drawn normal everywhere else.
*
* @name Phaser.BlendModes.XOR
* @type {number}
* @const
* @since 3.0.0
*/
XOR: 27
};
Reference in a new issue View git blame Copy permalink