@pixi/filter-fxaa

What is @pixi/filter-fxaa?

@pixi/filter-fxaa is a filter for the PixiJS library that applies Fast Approximate Anti-Aliasing (FXAA) to smooth out the edges of graphics, providing a cleaner and more visually appealing rendering.

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

Apply FXAA Filter

This feature allows you to apply the FXAA filter to a sprite in a PixiJS application. The code sample demonstrates creating a PixiJS application, adding a sprite, and applying the FXAA filter to smooth out the sprite's edges.

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

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

const fxaaFilter = new PIXI.filters.FXAAFilter();
sprite.filters = [fxaaFilter];

Other packages similar to @pixi/filter-fxaa

three.js

Three.js is a popular 3D library that includes its own implementation of FXAA as part of its post-processing effects. While Three.js is primarily focused on 3D rendering, it offers a broader range of features compared to @pixi/filter-fxaa, which is specifically designed for 2D graphics in PixiJS.

babylonjs

Babylon.js is another 3D engine that provides FXAA as part of its post-processing pipeline. Similar to Three.js, Babylon.js is more focused on 3D rendering, offering a comprehensive suite of tools for 3D graphics, whereas @pixi/filter-fxaa is tailored for 2D applications using PixiJS.

README

@pixi/filter-fxaa

Installation

npm install @pixi/filter-fxaa

Usage

import '@pixi/filter-fxaa';