Skip to content

pixijs-userland/color-filters

 
 

Repository files navigation

Pixi Color Effects

A various color Matrix filters for pixi.js with TON of presets!

DEMO

img

Install

# npm
npm install pixi-color-effects

# yarn
yarn add pixi-color-effects

Usage

import { Tint } from "pixi-color-effects";

const app = new Application({
  // **
});

let filter = new Tint();
app.stage.filters = [filter];

//  change value
let num = 0;
app.ticker.add((delta) => {
  num += 0.1;
  filter.value = Math.sin(num) * 1;
});

Use Preset

import { Preset } from "pixi-color-effects";
let filter = new Preset("aladin");
app.stage.filters = [filter];

Methods

Methods usage

let filter = new Tint();

//  use a method
filter.getEffectConfig();
Method Argument Description
getEffectConfig Get the filter's configuration object

License

This project is licensed under the MIT License.

About

A various color filters and presets for PixiJS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 76.0%
  • GLSL 20.5%
  • CSS 1.8%
  • HTML 1.7%