@pixi/filter-color-gradient
TypeScript icon, indicating that this package has built-in type declarations

5.3.0 • Public • Published

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.

Description Type Example
CSS color name string "red"
Hexadecimal string string "#ff0000", "#f00"
Hexadecimal number number 0xff0000
Array of numbers [R,G,B] number[] [1.0, 0.0, 0.0]

Documentation

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

Readme

Keywords

none

Package Sidebar

Install

npm i @pixi/filter-color-gradient

Homepage

pixijs.com/

Weekly Downloads

2,714

Version

5.3.0

License

MIT

Unpacked Size

168 kB

Total Files

8

Last publish

Collaborators

  • zyie
  • bigtimebuddy