Paths

Lines you draw, with pulses running along them.

Setting	Kind	Starts at	Range and notes
Lines`paths`	lines	none	–

What travels

Setting	Kind	Starts at	Range and notes
Style`style`	choice	Pulses	Pulses, Comets, Motes
Colour`colour`	colour	`#7ce695`	–
Head colour`headColour`	colour	`#f4f6f8`	–
On each line`count`	number	1	0 to 12
Speed`speed`	number	0.35×	0.02 to 2×Screen heights a second
Size`size`	number	1×	0.2 to 4×
Trail`trail`	number	50%	0% to 100%
Rest between runs`rest`	number	2.5 s	0 to 10 s
Direction`direction`	choice	Forward	Forward, Back, Both, Bounce
Flash at the end`flash`	number	70%	0% to 100%
Pulse on click`pointerPulse`	on or off	on	–

Setting	Kind	Starts at	Range and notes
Show the lines`wire`	on or off	on	–
Line colour`wireColour`	colour	`#2a3b30`	–
Line width`wireWidth`	number	2.5 px	0.5 to 12 px
Line opacity`wireOpacity`	number	80%	0% to 100%
Ends`nodes`	choice	Rings	None, Dots, Rings
End size`nodeSize`	number	9 px	2 to 30 px

Every setting above can be changed by the scene's logic, by its key. Say the layer is called Paths:

scene.set("Paths", "colour", "#ff8a5c");scene.animate("Paths", "opacity", 0.5, 2);

import { scene } from "motion";scene.set("Paths", "colour", "#ff8a5c");scene.animate("Paths", "opacity", 0.5, 2);

The example scenes with a Paths layer in them. Each picture is the whole scene, not the layer alone: open one to see what the layer does in it.

What every layer has

Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.