sineStroke

A wavy line that travels along itself, drawn as a soft band.

sineStroke(slots: SineStrokeSlots): Paint

Import figures from shaders/std and use figures.sineStroke.

The wave is centered on position and turned by angle. It moves on the layer's clock, so declare animatedTime: {speed: 'speed'}.

Parameters

NameTypeNotes
slotsSineStrokeSlots

Example

paint: sineStroke({position: p('position'), angle: p('angle'), frequency: p('frequency'), amplitude: p('amplitude'), thickness: p('thickness'), softness: p('softness'), color: p('color')})

See also

  • strokedSegment — A straight line between two points, solid, dashed or dotted, with square or round ends.

Used by

SineWave