Plugins
Textures
Surface textures — paper, canvas, washi, and procedural noise.
Surface texture layers that simulate physical media substrates and procedural patterns.
npm install @genart-dev/plugin-textures
| Type ID | Display Name | Description |
|---|
texture:paper | Paper | Paper grain texture with configurable roughness |
texture:canvas | Canvas | Canvas weave texture |
texture:washi | Washi | Japanese washi paper texture with fiber patterns |
texture:noise | Noise | Procedural noise texture (Perlin, Simplex, Worley) |
| Property | Type | Default | Description |
|---|
roughness | number | 0.5 | Surface roughness (0-1) |
color | color | "#f5f0e8" | Paper tint color |
opacity | number | 0.3 | Texture visibility (0-1) |
scale | number | 1.0 | Texture scale multiplier |
blendMode | select | "multiply" | Blend mode with layers below |
| Property | Type | Default | Description |
|---|
weaveSize | number | 4 | Canvas weave size in pixels |
depth | number | 0.5 | Weave depth/prominence (0-1) |
color | color | "#e8dcc8" | Canvas tint color |
opacity | number | 0.3 | Texture visibility (0-1) |
blendMode | select | "multiply" | Blend mode |
| Property | Type | Default | Description |
|---|
fiberDensity | number | 0.4 | Visible fiber density (0-1) |
fiberLength | number | 20 | Average fiber length in pixels |
color | color | "#f0e8d8" | Paper base color |
fiberColor | color | "#d8c8a8" | Fiber strand color |
opacity | number | 0.4 | Texture visibility (0-1) |
blendMode | select | "multiply" | Blend mode |
| Property | Type | Default | Description |
|---|
type | select | "perlin" | Noise type: perlin, simplex, worley |
scale | number | 0.01 | Noise frequency scale |
octaves | number | 4 | Number of noise octaves |
persistence | number | 0.5 | Amplitude decay per octave |
color | color | "#000000" | Noise tint color |
opacity | number | 0.2 | Texture visibility (0-1) |
seed | number | 0 | Noise seed (0 = use sketch seed) |
blendMode | select | "multiply" | Blend mode |
| Tool | Description |
|---|
design_add_paper_texture | Add a paper grain texture layer |
design_add_canvas_texture | Add a canvas weave texture layer |
design_add_washi_texture | Add a washi paper texture layer |
design_add_noise_texture | Add a procedural noise texture layer |
{
"tool": "design_add_layer",
"arguments": {
"type": "texture:paper",
"properties": {
"roughness": 0.6,
"color": "#f5f0e8",
"opacity": 0.25,
"blendMode": "multiply"
}
}
}