Stroke

Stroke shape outlines with control over width, caps, trim, dash, and profile.

What it does

Stroke draws an outline along a path's edge, GPU-rendered so it stays crisp at any zoom. A shape wired in has stroke settings stamped onto it, width, caps, joins, trim and dash, without changing the shape itself. With the input disconnected, the output is a reusable stroke setting to plug into a shape generator's own stroke input.

Width takes several forms. The slider sets a uniform base width, a wired Number overrides it, and a wired easing curve or number sequence becomes a width profile that varies the width along the path's length. A per-point width channel on the input path (default name "pressure", for pen and tablet drawing) takes over from the base width entirely.

When to use it

ParameterTypeDefault
inputOneOf([Collection])
widthAny20
min_widthNumber0.100
start_widthNumber100
end_widthNumber100
alignString"Centre"
cap_styleString"Round"
join_styleString"Round"
miter_limitNumber4
colorOneOf([Color, FieldOf(Color), ColorArray, Field, Material, MaterialArray, RasterArray])rgba(0.00, 0.00, 0.00, 1.00)
reverse_pathBooleanfalse
enable_trimBooleanfalse
trim_startNumber0
trim_endNumber100
travelNumber0
enable_dashBooleanfalse
dash_patternString"10, 5"
dash_offsetNumber0
width_attributeString"pressure"
strengthNumber1

Gotchas

Start Width and End Width are percentages of the base width, not absolute pixel values. 100% means full base width, not no limit.

Trim and Dash are hidden until Enable Trim or Enable Dash is on. The percentage and pattern controls appear with the corresponding toggle.

Miter Limit only matters when Join is set to Miter. With Round or Bevel joins it has no effect and stays hidden.

Colour is not limited to a flat swatch. Connect a Colour, image, or Field into Stroke's colour input to paint the stroke with it, sampled along the stroke's length.

Worked example

  1. Draw or import a path (e.g. a Curve or Pen shape) and connect it into Stroke's input.

  2. Set Width for the base thickness, and pick a Cap and Join style.

  3. Switch on Enable Trim and drag Trim Start / Trim End to reveal only part of the path, for animated line-draw effects.

  4. Switch on Enable Dash and set a pattern like "10, 5" for a dashed line.

  5. Connect a Colour or Field into the colour input to texture the stroke.

See also

Resample · Ray · Mutate · Curves (lines & paths)