Amoy Filters

PixiJS v5 optional display filters.

Filters include:

• AmoyRainfallFilter @amoy/filter-rainfall
• AmoyMosaicFilter @amoy/filter-mosaic
• AmoyPixiVibrationFilter @amoy/filter-pixel-vibration
• AmoyLight2dFilter @amoy/filter-light2d
• AmoyLensHaloFilter @amoy/filter-lens-halo
• AmoyBrokenCamDistortionFilter @amoy/filter-broken-cam-distortion
• AmoyPageCurlFilter @amoy/filter-page-curl
• AmoySparksDriftingFilter @amoy/filter-sparks-drifting
• AmoyWhiteBlackSketchFilter @amoy/filter-white-black-sketch
• AmoyVcrFilter @amoy/filter-vcr
• AmoyFlameFilter @amoy/filter-flame
• AmoyGameboyStyleFilter @amoy/filter-gameboy-style
• AmoySnowFilter @amoy/filter-snow
• AmoyLightSweepFilter @amoy/filter-light-sweep
• AmoyReflectionFilter @amoy/filter-reflection
• AmoyWaterReflection @amoy/filter-water-reflection
• AmoyWeatherRainy @amoy/filter-weather-rainy
• AmoyWeatherCloud @amoy/filter-weather-cloud
• AmoyInnerOutlineFilter @amoy/filter-inner-outline
• AmoyFluidFilter @amoy/filter-fluid
• AmoyFluidFilter @amoy/filter-magnify
• AmoyFluidFilter @amoy/filter-clear-background

Demos

Click here for filter demos.

Real examples

Click here to interactively play with filters to see how they work.

Installation

Using NPM:

npm install @amoy/filters

Using Yarn:

yarn add @amoy/filters

Usage

Browser

<script src="https://pixijs.download/release/pixi.min.js"></script>
<script src="/dist/amoy-filters.js"></script>

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

Bundler (Rollup, Webpack, etc)

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

import { AmoyMosaicFilter } from 'amoy-filters';
const filter = new AmoyMosaicFilter();

Documentation

API documention can be found here.