pixi-filters

Pixi.js Filters

Include optional filters that work with Pixi.js v4.

Filters include:

• AsciiFilter (pixi-filters/ascii)
• BloomFilter (pixi-filters/bloom)
• ConvolutionFilter (pixi-filters/convolution)
• CrossHatchFilter (pixi-filters/crosshatch)
• DotFilter (pixi-filters/dot)
• EmbossFilter (pixi-filters/emboss)
• PixelateFilter (pixi-filters/pixelate)
• RGBSplitFilter (pixi-filters/rgb)
• ShockwaveFilter (pixi-filters/shockwafe)
• TiltShiftFilter (pixi-filters/tiltshift)
• TwistFilter (pixi-filters/twist)

Installation

Using NPM:

npm install pixi-filters

Use Bower:

bower install pixi-filters

Usage

Browser

<script src="pixi.js/bin/pixi.js"></script>
<script src="pixi-filters/bin/pixi-filters.js"></script>

var filter = new PIXI.filters.AsciiFilter();

Individual Filter

<script src="pixi.js/bin/pixi.js"></script>
<script src="pixi-filters/bin/dot.js"></script>

var filter = new PIXI.filters.DotFilter();

NodeJS

// Include library by requiring pixi-filters module
var filters = require('pixi-filters');
var filter = new filters.DotFilter();

// Alternatively, using PIXI.filters global object
require('pixi-filters');
var filter = new PIXI.filters.DotFilter();

Individual Filter

// Using a single filter
var AsciiFilter = require('pixi-filters/ascii');
var filter = new AsciiFilter();

Rebuilding

Make sure you run NPM install to get the build dependencies.

npm install

Run the build command to build all filters.

npm run build