MotionScript

@motion-script/core


@motion-script/core / KaleidoscopeEffect

Interface: KaleidoscopeEffect

Defined in: attributes/shape/effects/implementations/kaleidoscope.ts:19

Kaleidoscope — the content is folded into segments mirrored wedges around center, so one slice of the source is repeated around a circle.

Only the wedge starting at angle is ever read; every other segment is that same wedge reflected or rotated into place. That is why rotating angle animates so well — the pattern stays locked while different source material sweeps through the wedge, which is the effect people actually want and is not the same as rotating the node.

segments counts the mirrored pairs, so 6 gives the familiar snowflake. It is discrete: a tween snaps rather than passing through a fractional fold, which would tear.

Extends

Properties

amount

amount: number

Defined in: attributes/shape/effects/implementations/kaleidoscope.ts:37

0–1 blend from the original content to the fully folded pattern.

segments is discrete, so it cannot be tweened up from 1 to ramp the effect on — it would snap. This is the continuous handle that lets a kaleidoscope be animated in, the same way duotone and bitCrush blend back toward their source.


angle

angle: number

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

Rotation of the wedge pattern in degrees — animate it to sweep the source.


center

center: Vector2

Defined in: attributes/shape/effects/implementations/kaleidoscope.ts:26

Fold origin in 0–1 layer coords.


mode?

optional mode?: EffectMode

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

Inherited from

ModedEffect.mode


offset

offset: number

Defined in: attributes/shape/effects/implementations/kaleidoscope.ts:28

Radial offset of the sampled wedge, as a fraction of the half-extent.


segments

segments: number

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

Number of mirrored wedges around the circle. Below 2 the effect is a no-op.


type

type: "kaleidoscope"

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