LinearBlur

Directional motion blur in a specific angle

Props

PropTypeDefaultDescription
intensityrange30Intensity of the linear blur effect
anglerange0Direction of the linear blur (in degrees)
dispersionrange0Spectral color fringing along the streak, like light through a lens; negative flips which end is red
falloffrange0Concentrates the dispersion away from the center; 0 fringes everywhere equally
focusrange0Radius of a clean zone around the center that stays sharp
biasrange0Trails the streak off one side of each pixel like a comet; the sign picks the direction
highlightsrange0Lets bright pixels streak further than dark ones, like light rays
jitterrange0Per-pixel noise on the tap spacing that hides banding in long streaks

Usage

vue
<Shader>
  <LinearBlur
    :intensity="30"
  >
    <Circle />
  </LinearBlur>
</Shader>