Toggle Sidebar B
Light & dark mode D

LensFlare

Realistic camera lens flare with artifacts.

Realistic camera lens flare with artifacts.

Props

PropTypeDefaultDescription
lightPositionposition{"x":0.3,"y":0.3}Position of the light source
intensityrange0.5Master brightness of the entire lens flare effect
ghostIntensityrange0.4Brightness of internal reflection ghost discs along the flare axis
ghostSpreadrange0.7Spacing between ghost reflections along the flare axis
ghostChromarange0.3Rainbow chromatic fringing around ghost element edges
haloIntensityrange0.4Brightness of the circular halo ring from internal reflection
haloRadiusrange0.6Radius of the halo ring
haloChromarange0.6Spectral dispersion on the halo creating rainbow color separation
haloSoftnessrange0.8Thickness and softness of the halo ring
starburstIntensityrange0.3Brightness of diffraction spikes radiating from the light source
starburstPointsrange6Number of starburst spikes (simulates aperture blade count)
streakIntensityrange0.15Brightness of horizontal anamorphic light streak
streakLengthrange0.5Horizontal extent of the anamorphic streak
glareIntensityrange0.2Soft veiling glare that washes out contrast around the light
glareSizerange0.5Size of the soft glare glow
edgeFaderange0.2How much the flare fades when the light source is near the screen edge (0 = no fade, 1 = heavy fade)
speedrange0.5Speed of subtle flare shimmer and starburst rotation

Usage

vue
<Shader>
  <LensFlare
    :intensity="0.5"
  />
</Shader>