MotionScript

@motion-script/core


@motion-script/core / TwirlEffect

Interface: TwirlEffect

Defined in: attributes/shape/effects/implementations/twirl.ts:17

Twirl / swirl — the content is rotated about center by an amount that falls off with distance, so the middle spins and the rim stays put.

The falloff is what separates this from simply rotating the node: rotation is rigid, this shears. Everything inside radius twists by a fraction of angle that reaches full strength at the centre and zero at the rim, which is what makes it read as a vortex rather than a transform.

Animating angle past a full turn keeps winding — there is no wrap point, so a long tween produces an ever-tightening spiral.

Extends

Properties

angle

angle: number

Defined in: attributes/shape/effects/implementations/twirl.ts:20

Rotation at the centre in degrees. Negative twirls the other way. 0 = off.


center

center: Vector2

Defined in: attributes/shape/effects/implementations/twirl.ts:24

Vortex centre in 0–1 layer coords.


mode?

optional mode?: EffectMode

Defined in: attributes/shape/effects/effect-data.ts:83

Inherited from

ModedEffect.mode


radius

radius: number

Defined in: attributes/shape/effects/implementations/twirl.ts:22

0–1 radius of influence, as a fraction of the node's half-extent.


type

type: "twirl"

Defined in: attributes/shape/effects/implementations/twirl.ts:18