API Referenceatlasatlas/graphics
Effects
Built-in post-processing effect descriptors. Copy a descriptor to customize its parameters.
Module: atlas/graphics
Built-in post-processing effect descriptors. Copy a descriptor to customize its parameters.
Declaration
export const Effects: {
Inversion: { type: "Inversion" };
Grayscale: { type: "Grayscale" };
Sharpen: { type: "Sharpen" };
Blur: { type: "Blur"; magnitude: number };
EdgeDetection: { type: "EdgeDetection" };
ColorCorrection: {
type: "ColorCorrection";
exposure: number;
contrast: number;
saturation: number;
gamma: number;
temperature: number;
tint: number;
};
MotionBlur: { type: "MotionBlur"; size: number; separation: number };
ChromaticAberration: {
type: "ChromaticAberration";
red: number;
green: number;
blue: number;
direction: Magnitude2d;
};
Posterization: { type: "Posterization"; levels: number };
Pixelation: { type: "Pixelation"; pixelSize: number };
Dialation: { type: "Dilation"; size: number; separation: number };
Dilation: { type: "Dilation"; size: number; separation: number };
FilmGrain: { type: "FilmGrain"; amount: number };
};Properties
Inversion
Inversion: { type: "Inversion" };Grayscale
Grayscale: { type: "Grayscale" };Sharpen
Sharpen: { type: "Sharpen" };Blur
Blur: { type: "Blur"; magnitude: number };EdgeDetection
EdgeDetection: { type: "EdgeDetection" };ColorCorrection
ColorCorrection: {
type: "ColorCorrection";
exposure: number;
contrast: number;
saturation: number;
gamma: number;
temperature: number;
tint: number;
};MotionBlur
MotionBlur: { type: "MotionBlur"; size: number; separation: number };ChromaticAberration
ChromaticAberration: {
type: "ChromaticAberration";
red: number;
green: number;
blue: number;
direction: Magnitude2d;
};Posterization
Posterization: { type: "Posterization"; levels: number };Pixelation
Pixelation: { type: "Pixelation"; pixelSize: number };Dialation
Dialation: { type: "Dilation"; size: number; separation: number };Dilation
Dilation: { type: "Dilation"; size: number; separation: number };FilmGrain
FilmGrain: { type: "FilmGrain"; amount: number };