Skip to content

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.

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

ProceduralTexture: PibblComponent<ProceduralTextureProps & PibblRenderLayerComponentProps>

Related API: ProceduralTexture, PibblComponent, ProceduralTextureProps, PibblRenderLayerComponentProps.

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

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

ProceduralTextureProps

View source — packages/core/src/features/textures/lib/procedural-texture.ts:101

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

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