mtsee / pixi-color-effects

A various color Matrix filters and Presets for pixi.js

Home Page:https://pixicoloreffects.github.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 Matrix filters and Presets for pixi.js

https://pixicoloreffects.github.io/

License:MIT License


Languages

Language:TypeScript 76.0%Language:GLSL 20.5%Language:CSS 1.8%Language:HTML 1.7%