Introducing v3 — a new editor, faster engine, and more.

See what's new

LensDistortion

Split content into shifting chromatic layers with barrel or pincushion lens warp. Powered by Paper Shaders.

Props

center{x: number, y: number}
Default:{"x":0.5,"y":0.5}
The center point of the lens effect — the focus zone, lens warp, circle crop and swirl all pivot around it
spreadnumber
Default:0.6
Strength of the color split; how far the color layers are pushed apart (0 is off)
anglenumber
Default:0
Direction of the spread in degrees
perspectivenumber
Default:0.1
Shapes the spread direction from a straight line (0) to a radial burst out from the centre (1)
biasnumber
Default:1
Shifts the colors toward one end of the spread; 0 spaces them evenly
countnumber
Default:35
Number of sampled color layers along the spread; higher is smoother and costlier
dispersionnumber
Default:1
Overall amount of color dispersion; 1 gives each layer its own color from the spectrum, 0 keeps the original color
dispersionShiftnumber
Default:0
Balance of the dispersion between a soft circular zone at the centre and the rest; -1 keeps it in the centre only, 1 at the edges only
dispersionColornumber
Default:0.6
Rotates the dispersion colors around the hue wheel, 0 to 1 for a full turn
focusCenternumber
Default:0.8
Reduces the spread in a circular zone at the centre; 0 keeps it full to the centre
focusEdgesnumber
Default:1
Reduces the spread toward the edges; 1 restores the original image there
lensBulgenumber
Default:0
Radial lens warp; positive bulges out like a fisheye, negative pinches in like a pincushion
lensCirclenumber
Default:0
Squeezes pixels outside the inscribed circle inward so the outline becomes a circle
swirlnumber
Default:0.35
Rotates the color layers around the centre by an angle growing along the spread; 0 is off
noisenumber
Default:0
Scatters the spread direction with noise; 0 is off
noiseFrequencynumber
Default:0.25
Frequency of the direction noise; higher is finer (no effect with noise at 0)
noiseOffsetnumber
Default:0
Offsets the noise pattern for a different seed (no effect with noise at 0)
grainMixernumber
Default:0
Scatters the spread with grain noise, breaking up the edges of the color layers
grainOverlaynumber
Default:0
Post-processing black/white grain overlay

Usage

<Shader>
  <LensDistortion>
    <Circle />
  </LensDistortion>
</Shader>