Phaser home
Log inCreate a game

← Expansion packsLook

Phaser AE

Wood texture

Free packv3.0.0-12DLook

Painted planks with seams, wavering grain, fibres and knots, 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 stains it, 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

Wood texture: a screenshot of its demo
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

uiTextureWood

function uiTextureWood(options: UiTextureWoodOptions = {}): Pack<{}>

Pack ui-texture-wood: paints the wood texture once, as the picture ui-texture-wood (or ui-texture-<name>), for a ui style's texture: 'wood' — or any sprite's. Its options cut different boards. Needs no other pack.

Helpers

woodTexture

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

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

Types

UiTextureWoodOptions

interface UiTextureWoodOptions

How the wood is cut. Every field optional.

  • name?: string — The picture is ui-texture-<name>, and a style says texture: '<name>'. Default 'wood'.
  • size?: number — The tile's side, px. Default 256.
  • planks?: number — Planks across one tile, top to bottom. Default 3.
  • grain?: number — How strongly the grain shows, 0..1. Default 0.7.
  • knots?: number — Knots in one tile. Default 2.
  • seam?: number — The seam between planks, px; 0 runs them together. Default 3.
  • seed?: number — Changes the boards without changing their kind. Default 1.