melonJS
    Preparing search index...

    Class VignetteEffect

    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).

    Renderable.shader for usage

    // subtle vignette on the main camera
    app.viewport.shader = new VignetteEffect(renderer);
    // stronger cinematic vignette
    app.viewport.shader = new VignetteEffect(renderer, {
    strength: 0.3,
    size: 20.0,
    });

    Hierarchy (View Summary)

    Index

    Constructors

    Properties

    enabled: boolean = false

    whether this effect is active (false in Canvas mode)

    size: number
    strength: number

    Methods