The BlurFilter applies a Gaussian blur to an object.

The strength of the blur can be set for the x-axis and y-axis separately.

Memberof

PIXI

Hierarchy (view full)

Constructors

  • Parameters

    • Optional strength: number

      The strength of the blur filter.

    • Optional quality: number

      The quality of the blur filter.

    • Optional resolution: number

      The resolution of the blur filter.

    • Optional kernelSize: number

      The kernelSize of the blur filter.Options: 5, 7, 9, 11, 13, 15.

    Returns Pixi.BlurFilter

Properties

autoFit: boolean

If enabled, PixiJS will fit the filter area into boundaries for better performance. Switch it off if it does not work for specific shader.

Default

true
blurXFilter: Pixi.BlurFilterPass
blurYFilter: Pixi.BlurFilterPass
disposeRunner: Runner<any, any[]>
enabled: boolean

If enabled is true the filter is applied, if false it will not.

legacy: boolean

Legacy filters use position and uvs from attributes (set by filter system)

multisample: null | MSAA_QUALITY

The samples override of the filter instance. If set to null, the sample count of the current render target is used.

Default

PIXI.Filter.defaultMultisample
padding: number

The padding of the filter. Some filters require extra space to breath such as a blur. Increasing this will add extra width and height to the bounds of the object that the filter is applied to.

program: Program

Program that the shader uses.

state: State

The WebGL state the filter requires to render.

uniformGroup: UniformGroup<Dict<any>>
SOURCE_KEY_MAP: Dict<string>

Used for caching shader IDs.

defaultMultisample: null | MSAA_QUALITY

Default filter samples for any filter.

Static

Default

PIXI.MSAA_QUALITY.NONE
defaultResolution: null | number

Default filter resolution for any filter.

Static

Accessors

  • get blendMode(): BLEND_MODES
  • Sets the blendmode of the filter

    Returns BLEND_MODES

    Default

    PIXI.BLEND_MODES.NORMAL
    
  • set blendMode(value): void
  • Parameters

    Returns void

  • get blur(): number
  • Sets the strength of both the blurX and blurY properties simultaneously

    Returns number

    Default

    2
    
  • set blur(value): void
  • Parameters

    • value: number

    Returns void

  • get blurX(): number
  • Sets the strength of the blurX property

    Returns number

    Default

    2
    
  • set blurX(value): void
  • Parameters

    • value: number

    Returns void

  • get blurY(): number
  • Sets the strength of the blurY property

    Returns number

    Default

    2
    
  • set blurY(value): void
  • Parameters

    • value: number

    Returns void

  • get quality(): number
  • Sets the number of passes for blur. More passes means higher quality bluring.

    Returns number

    Default

    1
    
  • set quality(value): void
  • Parameters

    • value: number

    Returns void

  • get repeatEdgePixels(): boolean
  • If set to true the edge of the target will be clamped

    Returns boolean

    Default

    false
    
  • set repeatEdgePixels(value): void
  • Parameters

    • value: boolean

    Returns void

  • get resolution(): null | number
  • The resolution of the filter. Setting this to be lower will lower the quality but increase the performance of the filter. If set to null or 0, the resolution of the current render target is used.

    Returns null | number

    Default

    PIXI.Filter.defaultResolution
    
  • set resolution(value): void
  • Parameters

    • value: null | number

    Returns void

  • get uniforms(): Dict<any>
  • Shader uniform values, shortcut for uniformGroup.uniforms.

    Returns Dict<any>

  • get defaultFragmentSrc(): string
  • The default fragment shader source

    Returns string

  • get defaultVertexSrc(): string
  • The default vertex shader source

    Returns string

Methods

  • Applies the filter.

    Parameters

    Returns void

  • Parameters

    Returns boolean

  • Returns void

  • A short hand function to create a shader based of a vertex and fragment shader.

    Parameters

    • Optional vertexSrc: string

      The source of the vertex shader.

    • Optional fragmentSrc: string

      The source of the fragment shader.

    • Optional uniforms: Dict<any>

      Custom uniforms to use to augment the built-in ones.

    Returns Shader

    A shiny new PixiJS shader!

Generated using TypeDoc