Crumpled paper texture

Free packv3.0.0-12DLook

A sheet crumpled and smoothed out again: facets catching the light, a soft roll and fibres, as a tiling texture for `ui` panels and buttons or any sprite. It is painted in grey when the game starts, so the style's colour makes it parchment, notepaper or a treasure map, and nothing is downloaded.

This is a Free pack. Every phaser.io account can use it in their games.

Released October 18, 2026 · updated October 19, 2026

A note about these graphics

Expansion packs don't come with graphics. This screenshot is one way of drawing what the pack does, made for its demo: none of the sprites, tiles or backgrounds in it are in the pack.

That's by design. A pack is a game's logic, mechanics and effects, and it works with whatever art you give it. Some packs draw effects, backdrops or 3D scenes of their own, but none carries a game's sprites.

So the look is yours. Make the art on phaser.io, bring your own, or let your agent draw it in code: the same pack can look like anything.

The pack

`uiTexturePaper`

function uiTexturePaper(options: UiTexturePaperOptions = {}): Pack<{}>

Pack ui-texture-paper: paints the crumpled-paper texture once, as the picture ui-texture-paper (or ui-texture-<name>), for a ui style's texture: 'paper' — or any sprite's. Needs no other pack.

Helpers

`paperTexture`

function paperTexture(options: UiTexturePaperOptions = {}): { size: number; data: Uint8ClampedArray<ArrayBuffer> }

The paper as RGBA bytes, size × size, grey around mid grey so a style's colour tints it, tiling seamlessly both ways. Pure and deterministic: the same options give the same pixels.

Types

`UiTexturePaperOptions`

interface UiTexturePaperOptions

How the paper is crumpled. Every field optional.

name?: string — The picture is ui-texture-<name>, and a style says texture: '<name>'. Default 'paper'.
size?: number — The tile's side, px. Default 256.
crumple?: number — How hard it was crumpled, 0 (smooth) to 1 (balled up). Default 0.6.
fibres?: number — Fibres and specks, 0..1. Default 0.5.
seed?: number — Changes the creases without changing their kind. Default 1.