drawSuidoThumbfunction
A board as a small picture, in a few dozen elements however big the board is: for a page that shows a
whole block of levels at once. The pipes are one path, the water in them (where the pieces face as
masks say and the water reaches) another, with the pumps, the drains, the padlocks and the walls on
them. It carries no cells to tap and nothing that moves; it is class="suido" so it takes the same colours.
Import it
import { drawSuidoThumb } from "@johnmorrisdotca/suido/draw";
Definition
function drawSuidoThumb(layout: Layout, options?: { masks?: readonly number[]; label?: string; style?: boolean; water?: boolean; }): string
Parameters
| Name | Type | Description |
|---|---|---|
layout | Layout | The decoded board with its dimensions, pipe masks and rule settings. |
options (optional) | { masks?: readonly number[]; label?: string; style?: boolean; water?: boolean; } | Drawing, mounting or generator choices specified by the signature. |
Returns
string
A board as a small picture, in a few dozen elements however big the board is: for a page that shows a whole block of levels at once. The pipes are one path, the water in them (where the pieces face as masks say and the water reaches) another, with the pumps, the drains, the padlocks and the walls on them. It carries no cells to tap and nothing that moves; it is class="suido" so it takes the same colours.
Examples
import { SUIDO_5X5 } from "@johnmorrisdotca/suido/levels-5x5";
import { decodeLayout } from "@johnmorrisdotca/suido";
import { drawSuidoThumb } from "@johnmorrisdotca/suido/draw";
const row = SUIDO_5X5[0];
const code = row[0];
const layout = decodeLayout(code)!;
console.log(drawSuidoThumb(layout).startsWith("<svg"));trueWhat it prints (run when this page was built)