node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

pixi-filters

PixiJS Filters

Build Status CDNJS

Optional filters that work with PixiJS v4.

Filters include:

  • AsciiFilter @pixi/filter-ascii
  • BloomFilter @pixi/filter-bloom
  • BulgePinchFilter @pixi/filter-bulge-pinch
  • ColorReplaceFilter @pixi/filter-color-replace
  • ConvolutionFilter @pixi/filter-convolution
  • CrossHatchFilter @pixi/filter-cross-hatch
  • DotFilter @pixi/filter-dot
  • DropShadowFilter @pixi/filter-drop-shadow
  • GlowFilter @pixi/filter-glow
  • EmbossFilter @pixi/filter-emboss
  • PixelateFilter @pixi/filter-pixelate
  • OutlineFilter @pixi/filter-outline
  • RGBSplitFilter @pixi/filter-rgb
  • ShockwaveFilter @pixi/filter-shockwave
  • SimpleLightmapFilter @pixi/filter-simple-lightmap
  • TiltShiftFilter @pixi/filter-tilt-shift
  • TwistFilter @pixi/filter-twist
  • ZoomBlurFilter @pixi/filter-zoom-blur

Examples

Click here for filter demos.

Installation

Using NPM:

npm install pixi-filters

Usage

Browser

<script src="https://pixijs.download/release/pixi.min.js"></script>
<script src="pixi-filters/lib/pixi-filters.min.js"></script>
var filter = new PIXI.filters.AsciiFilter();

Rollup or Webpack

// Include library by requiring pixi-filters module
import * as filters from 'pixi-filters';
const filter = new filters.DotFilter();
 
// Alternatively, using PIXI.filters global object
import 'pixi-filters';
const filter = new PIXI.filters.DotFilter();

Documentation

API documention can be found here.