Ninjas Practicing Multidimensionality
    Wondering what’s next for npm?Check out our public roadmap! »

    pixi-filters
    TypeScript icon, indicating that this package has built-in type declarations

    4.1.0 • Public • Published

    PixiJS Filters

    Node.js CI npm version

    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

    5,259

    Version

    4.1.0

    License

    MIT

    Unpacked Size

    287 kB

    Total Files

    9

    Homepage

    pixijs.com/

    Last publish

    Collaborators

    • avatar
    • avatar