Phaser.GameObjects.Components.BlendMode

Scope: static

Source: src/gameobjects/components/BlendMode.js#L9
Since: 3.0.0

Public Members

blendMode

blendMode: Phaser.BlendModes, string, number

Description:

Sets the Blend Mode being used by this Game Object.

This can be a const, such as Phaser.BlendModes.SCREEN, or an integer, such as 4 (for Overlay)

Under WebGL only the following Blend Modes are available:

  • NORMAL
  • ADD
  • MULTIPLY
  • SCREEN
  • ERASE

Canvas has more available depending on browser support.

You can also create your own custom Blend Modes in WebGL.

Blend modes have different effects under Canvas and WebGL, and from browser to browser, depending on support. Blend Modes also cause a WebGL batch flush should it encounter a new blend mode. For these reasons try to be careful about the construction of your Scene and the frequency of which blend modes are used.

Source: src/gameobjects/components/BlendMode.js#L30
Since: 3.0.0


Private Members

_blendMode

_blendMode: number

Description:

Private internal value. Holds the current blend mode.

Access: private

Source: src/gameobjects/components/BlendMode.js#L19
Since: 3.0.0


Methods:

Public Members

setBlendMode

<instance> setBlendMode(value)

Description:

Sets the Blend Mode being used by this Game Object.

This can be a const, such as Phaser.BlendModes.SCREEN, or an integer, such as 4 (for Overlay)

Under WebGL only the following Blend Modes are available:

  • NORMAL
  • ADD
  • MULTIPLY
  • SCREEN
  • ERASE (only works when rendering to a framebuffer, like a Render Texture)

Canvas has more available depending on browser support.

You can also create your own custom Blend Modes in WebGL.

Blend modes have different effects under Canvas and WebGL, and from browser to browser, depending on support. Blend Modes also cause a WebGL batch flush should it encounter a new blend mode. For these reasons try to be careful about the construction of your Scene and the frequency in which blend modes are used.

Parameters:

nametypeoptionaldescription
valuestring | Phaser.BlendModesnumberNo

Returns: Phaser.GameObjects.Components.BlendMode - This Game Object instance.

Source: src/gameobjects/components/BlendMode.js#L80
Since: 3.0.0


Private Members

Updated on