/svgflare

Lens flare with SVG

Primary LanguageJavaScript

Lens flare renderer with SVG

Using SVG paths to render lens flare.

Usage

Open a photo editor (Photoshop, Affinity Photo, etc.) and place a horizontal and vertical guide intersecting at the point where the light is being emitted. Enter the position of the horizontal guide, in pixels, into X position, and the vertical into Y position. Export the flare as a PNG and drag the file onto your document. Set the layer's blend mode to Linear dodge or Add or whatever they call it in your editor.