amoy-filters

Amoy-filters are based on pixijs filter, similar to pixi-filters library, providing rich and common 2D game effects!

Demo

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

Real examples

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

Doc API

Click here to see how to use it.

Filters

Filter	Preview
AmoyPixelVibrationFilter @amoy/filter-pixel-vibration
AmoyWiteBlackSketchFilter @amoy/filter-white-black-sketch
AmoyFlameFilter @amoy/filter-flame
white-black-sketch.png?v=2)
AmoyRainfallFilter @amoy/filter-rainfall
AmoyBrokenCamDistortionFilter @amoy/filter-broken-cam-distortion
AmoyGameboyStyleFilter @amoy/filter-gameboy
AmoyInnerOutlineFilter @amoy/filter-inner-outline
AmoyMosaicFilter @amoy/filter-mosaic
AmoyLightSweepFilter @amoy/filter-light-sweep

All filters work with PixiJS v5.

Building

Build all filters, demo and screenshots by running the following:

npm run build

Build single filter by running the following:

npm run build:prod -- --scope "@amoy/filter-flame"

Build multiple filters where scope is a glob expression:

npm run build:prod -- --scope "{@amoy/filter-light2d,@amoy/filter-mosaic}"

Watch all filters (auto-rebuild upon src changes):

npm run watch

Build all filters in dev-mode (un-minified):

npm run build:dev

Thanks PIXI FILTERS .