@colinsullivan/filter-color-gradient v5.2.1

ColorGradientFilter

PixiJS filter to render a color gradient.

View demo

Installation

npm install @pixi/filter-color-gradient

Usage

import { ColorGradientFilter } from '@pixi/filter-color-gradient';
import { Container } from 'pixi.js';

const container = new Container();

const options = {
  type: ColorGradientFilter.LINEAR,
  stops: [
    { offset: 0.0, color: 'red', alpha: 1.0, },
    { offset: 1.0, color: 'blue', alpha: 1.0, },
  ],
  angle: 90,
  alpha: 0.8,
}

container.filters = [new ColorGradientFilter(options)];

Color values

The following values can be used to define a color.

Documentation

See https://filters.pixijs.download/main/docs/ColorGradientFilter.html