ProceduralTexture

Read as Markdown

Import from @pibbl/core/textures. Required kind is marble, paper, or cellular. Defaults: seed 42, 256 × 160 resolution, scale 6, detail 0.65, porcelain palette. Scale is in the inclusive range 1 to 32; detail is in the inclusive range 0 to 1. Shape inputs regenerate; palettes recolor. Display dimensions do not change the generated field.

It uses the render-layer style/event surface and stops scheduling after generation. Use pointerEvents="none" for decorative content. The optional render callback supports images, repeating fills, and masks. All three materials have matching opposite edges for seamless repetition. Feature counts round to whole periods where needed. See Material Lab.

Options: ProceduralTextureProps, TextureKind, TextureRenderer.

API details from source

A seeded static material. It requests no continuing animation frames.

ProceduralTexture: PibblComponent<ProceduralTextureProps & PibblRenderLayerComponentProps>

Parameters

props — Authored component inputs, supplied through JSX or createElement. See the linked props and style types.

Throws

When called directly; Pibbl mounts this component through JSX or createElement.

Implementation guidance for agents

Read the Textures and reaction-diffusion companion for ownership, adaptation, failure modes, and verification. Agent start provides the version-selection workflow.

Complete minimal examples

Render a procedural material: Paint a marble material with a typed palette, resolution, and synchronous renderer. Plain source

Interactive examples

Material Lab · Full page

Documentation version

Documentation built with @pibbl/core 0.0.2, revision 2dccb19. ALPHA — NOT FOR PRODUCTION USE.