Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

pixi-filters

3.1.1 • Public • Published

PixiJS Filters

Build Status CDNJS

PixiJS v5 optional display filters.

Filters include:

  • AdjustmentFilter @pixi/filter-adjustment
  • AdvancedBloomFilter @pixi/filter-advanced-bloom
  • AsciiFilter @pixi/filter-ascii
  • BevelFilter @pixi/filter-bevel
  • BloomFilter @pixi/filter-bloom
  • BulgePinchFilter @pixi/filter-bulge-pinch
  • ColorMapFilter @pixi/filter-color-map
  • ColorOverlayFilter @pixi/filter-color-overlay
  • ColorReplaceFilter @pixi/filter-color-replace
  • ConvolutionFilter @pixi/filter-convolution
  • CrossHatchFilter @pixi/filter-cross-hatch
  • CRTFilter @pixi/filter-crt
  • DotFilter @pixi/filter-dot
  • DropShadowFilter @pixi/filter-drop-shadow
  • EmbossFilter @pixi/filter-emboss
  • GlitchFilter @pixi/filter-glitch
  • GlowFilter @pixi/filter-glow
  • GodrayFilter @pixi/filter-godray
  • KawaseBlurFilter @pixi/filter-kawase-blur
  • MotionBlurFilter @pixi/filter-motion-blur
  • MultiColorFilter @pixi/filter-multi-color-replace
  • OldFilmFilter @pixi/filter-old-film
  • OutlineFilter @pixi/filter-outline
  • PixelateFilter @pixi/filter-pixelate
  • RadialBlurFilter @pixi/filter-radial-blur
  • ReflectionFilter @pixi/filter-reflection
  • 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

Using Yarn:

yarn add pixi-filters

Usage

Browser

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

Bundler (Rollup, Webpack, etc)

Use ES6+ imports to import the specific filter. Note: PIXI global is not accessible when building with bundlers.

import { DotFilter } from 'pixi-filters';
const filter = new DotFilter();

Documentation

API documention can be found here.

Keywords

none

Install

npm i pixi-filters

DownloadsWeekly Downloads

2,787

Version

3.1.1

License

MIT

Unpacked Size

373 kB

Total Files

10

Homepage

pixijs.com/

Last publish

Collaborators

  • avatar
  • avatar