Puppet warp

Pins or bones that bend a picture as they move.

Picture

Setting	Kind	Starts at	Range and notes
Picture`source`	image file	none	–
Fit`fit`	choice	Fill	Fill, Whole
Mesh detail`mesh`	whole number	40	8 to 96More bends more smoothly

Setting	Kind	Starts at	Range and notes
Pins`pins`	whole number	3	1 to 6
Pin 1`pin1`	point	[0.3, 0.3]	0 to 1
Pin 2`pin2`	point	[0.7, 0.35]	0 to 1
Pin 3`pin3`	point	[0.5, 0.7]	0 to 1
Pin 4`pin4`	point	[0.2, 0.8]	0 to 1
Pin 5`pin5`	point	[0.8, 0.8]	0 to 1
Pin 6`pin6`	point	[0.5, 0.2]	0 to 1
Pins`motion`	choice	Sway	Sway, Wind, Breathe, Ripple
How far`amount`	number	35%	0% to 100%
Speed`speed`	number	0.6×	0 to 3×
Direction`angle`	number	0°	0 to 360°
Reach`reach`	number	35%	5% to 100%How much of the picture each pin bends

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

scene.set("Puppet warp", "amount", 1);scene.animate("Puppet warp", "opacity", 0.5, 2);

import { scene } from "motion";scene.set("Puppet warp", "amount", 1);scene.animate("Puppet warp", "opacity", 0.5, 2);

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.