Namespace: filters

PIXI.filters

This namespace contains WebGL-only display filters that can be applied to DisplayObjects using the filters property.

Since PixiJS only had a handful of built-in filters, additional filters can be downloaded here from the PixiJS Filters repository.

All filters must extend PIXI.Filter.

Example

// Create a new application
const app = new PIXI.Application();

// Draw a green rectangle
const rect = new PIXI.Graphics()
    .beginFill(0x00ff00)
    .drawRect(40, 40, 200, 200);

// Add a blur filter
rect.filters = [new PIXI.filters.BlurFilter()];

// Display rectangle
app.stage.addChild(rect);
document.body.appendChild(app.view);

Classes

AlphaFilter
BlurFilter
BlurFilterPass
BlurXFilter
BlurYFilter
ColorMatrixFilter
DisplacementFilter
FXAAFilter
NoiseFilter