Interface: TextureEffect

Defined in: attributes/shape/effects/implementations/texture.ts:16

Overlay an image onto the content, blended.

The ingredient every material look is missing: paper grain for a print, canvas weave for a painting, fabric for a textile. The image is yours — put it in the project's public/ folder and name it the way an image fill would.

multiply (the default) is the right blend for most of them, because that is what a texture physically does: it removes light where the surface is rough, and leaves it where the surface is smooth.

Extends

ModedEffect

Properties

amount

amount: number

Defined in: attributes/shape/effects/implementations/texture.ts:21

0–1 blend strength. 0 = off.

angle

angle: number

Defined in: attributes/shape/effects/implementations/texture.ts:27

Rotation in degrees.

blend

blend: "color" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "luminosity" | "normal"

Defined in: attributes/shape/effects/implementations/texture.ts:23

How the texture composites onto the content.

mode?

optional mode?: EffectMode

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

Inherited from

ModedEffect.mode

scale

scale: number

Defined in: attributes/shape/effects/implementations/texture.ts:25

Texture scale — 1 covers the node once, 2 tiles it at half size.

src

src: string

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

Image path, resolved like an image fill's src.

type

type: "texture"

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