/** * A shader effect that darkens the edges of the screen, drawing focus * to the center. Commonly used for atmosphere, cinematic feel, or to * naturally frame a camera viewport (e.g. minimap). * @category Effects * @see {@link Renderable#addPostEffect} for usage * @example * // subtle vignette on the main camera * app.viewport.addPostEffect(new VignetteEffect(renderer)); * @example * // stronger cinematic vignette * app.viewport.addPostEffect(new VignetteEffect(renderer, { * strength: 0.3, * size: 20.0, * })); */ export default class VignetteEffect extends ShaderEffect { /** * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance * @param {object} [options] - effect options * @param {number} [options.strength=0.15] - edge darkening power (lower = stronger darkening, higher = softer falloff) * @param {number} [options.size=25.0] - vignette spread multiplier (higher = smaller dark area) */ constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: { strength?: number | undefined; size?: number | undefined; }); strength: number; size: number; /** * set the vignette strength * @param {number} strength - edge darkening power (lower = stronger, higher = softer) */ setStrength(strength: number): void; /** * set the vignette size * @param {number} size - spread multiplier (higher = smaller dark area) */ setSize(size: number): void; } import ShaderEffect from "./shadereffect.js"; //# sourceMappingURL=vignette.d.ts.map