@motion-script/core / BlockDisplaceEffect

Interface: BlockDisplaceEffect

Defined in: attributes/shape/effects/implementations/block-displace.ts:18

Datamosh-style tearing: the content is cut into bands and each band is displaced by a random amount.

density is what separates this from noise — only that fraction of bands move at all, so the image stays readable and the tear reads as a fault rather than as static. Turn it to 1 and every band shifts.

The displacement is a pure function of the band index and seed, so a frame always re-renders identically. Animate seed (in whole steps) to make the glitch jump between distinct states rather than sliding smoothly, which is what makes it read as digital.

Extends

ModedEffect

Properties

amount

amount: number

Defined in: attributes/shape/effects/implementations/block-displace.ts:21

Maximum displacement in px. 0 = off.

axis

axis: EffectAxis

Defined in: attributes/shape/effects/implementations/block-displace.ts:29

Which way bands slide, and how they are cut: 'x' = horizontal tears.

density

density: number

Defined in: attributes/shape/effects/implementations/block-displace.ts:25

0–1 fraction of bands that move at all.

mode?

optional mode?: EffectMode

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

Inherited from

ModedEffect.mode

seed

seed: number

Defined in: attributes/shape/effects/implementations/block-displace.ts:27

Random field offset — step it to jump between glitch states.

size

size: number

Defined in: attributes/shape/effects/implementations/block-displace.ts:23

Band thickness in px.

type

type: "blockDisplace"

Defined in: attributes/shape/effects/implementations/block-displace.ts:19