@pixi/filter-alpha

What is @pixi/filter-alpha?

@pixi/filter-alpha is a filter for the PixiJS library that allows you to adjust the alpha (transparency) of display objects. This can be useful for creating fade effects, highlighting, or other visual effects that require changing the transparency of elements in a PixiJS application.

What are @pixi/filter-alpha's main functionalities?

Adjusting Alpha Transparency

This code sample demonstrates how to apply an alpha filter to a sprite in a PixiJS application. The AlphaFilter is set to 0.5, making the sprite 50% transparent.

const app = new PIXI.Application();
document.body.appendChild(app.view);

const sprite = PIXI.Sprite.from('path/to/image.png');
app.stage.addChild(sprite);

const alphaFilter = new PIXI.filters.AlphaFilter(0.5);
sprite.filters = [alphaFilter];

Other packages similar to @pixi/filter-alpha

pixi-filters

pixi-filters is a collection of filters for PixiJS, including various effects like blur, color adjustment, and more. While @pixi/filter-alpha focuses specifically on alpha transparency, pixi-filters offers a broader range of visual effects, making it a more comprehensive solution for developers looking to apply multiple types of filters.

pixi.js

pixi.js is the core library for rendering 2D graphics in the browser. It includes basic functionality for rendering and manipulating graphics, including setting alpha transparency directly on display objects. However, @pixi/filter-alpha provides a more flexible and reusable way to manage transparency effects through filters.

README

@pixi/filter-alpha

Installation

npm install @pixi/filter-alpha

Usage

import '@pixi/filter-alpha';