◈ lib · marbling-trough
The Marbling Trough
Ebru resolved backwards. Every marbling operation is a closed-form invertible map, so a sheet is read by undoing its own history per pixel — exact at any resolution, with no grid, no diffusion, and perfect determinism from a seed.
A working specimen.
The same seed, palette and operations reproduce this sheet. The enlarged 600 × 360 canvas uses the same construction as the recipe.
Minimal example · selected parameters
Mount <canvas width="600" height="360"></canvas> before running this code. Run pixel-buffer functions in a worker for larger outputs.
import { drawMarbling, describeTroughRecipe } from '@/lib/render/marbling';
const state = {
"seed": 1420,
"drops": 65,
"spread": 0.1,
"comb": "nonpareil",
"teeth": 0.11,
"pull": 0.12
};
const palette = ["#f7f5f0","#8a6520","#c9a55a","#4a9e6e","#5cb87e","#b8704a","#d4835e"];
const canvas = document.querySelector('canvas');
drawMarbling(canvas.getContext('2d'), 600, 360, state, palette);
canvas.toBlob(blob => { /* save PNG */ });
console.log(describeTroughRecipe(600, 360, state, palette));Copies component source and tokens directly into your repository with requirements listed for this item: no additional npm dependencies beyond the host framework.
Open-source under MIT. We preserve the source header comment, and invite you to credit the archive on your project's /about, /colophon, or footer. Display our Archival Colophon Seal or copy a citation snippet below. Sites displaying the seal are welcome to submit to our Federation Showcase!
Source
lib/render/marbling.ts
Registry item: /r/marbling-trough.json