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


 import { Application, Graphics, filters } from 'pixi.js';

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

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

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

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

Classes

AlphaFilter
BlurFilter
BlurFilterPass
ColorMatrixFilter
DisplacementFilter
FXAAFilter
NoiseFilter