Skip to the content

Jarajaraジャラジャラ

Draw mahjong tiles, arrange racks and stacked boards, and play seeded Awase alone or at a shared table.

Jarajara is the Japanese sound of mahjong tiles rattling together. About the name

Contents

Reference · SVG faces and looks

LayoutSvgOptionstype

Native tile, highlight, artwork, cloth and layout-view choices for SVG rendering.

Import it

import type { LayoutSvgOptions } from "@johnmorrisdotca/jarajara/faces";

Definition

type LayoutSvgOptions = {
    chosen?: number | null;
    hinted?: readonly number[];
    matching?: readonly number[];
    found?: {
        free: readonly number[];
        blocked: readonly number[];
    };
    showFree?: boolean;
    hideBlocked?: boolean;
    marked?: readonly number[];
    prefix?: string;
    design?: TileDesign;
    redFives?: boolean;
    redFrom?: string;
    cloth?: Cloth | string;
    symbols?: boolean;
    margin?: number;
    mirror?: TileMirror | string;
};

Members

NameTypeDescription
chosen (optional)number | null | undefined

The slot chosen, ringed and tinted.

hinted (optional)readonly number[] | undefined

Slots ringed as a hint.

matching (optional)readonly number[] | undefined

Slots ringed softly: the tiles that match the one chosen, when a page lights them.

found (optional){ free: readonly number[]; blocked: readonly number[]; } | undefined

What Find lights, as matchesOf gives it: a free match (one that could be taken with the tile now) in a solid ring and tint, a blocked one in a dashed ring, so colour is never the only difference.

showFree (optional)boolean | undefined

Wash every blocked tile darker, so the free ones stand out.

hideBlocked (optional)boolean | undefined

Draw a blocked tile blank, its face not shown, as in the blackout challenge: only a free tile shows what it is.

marked (optional)readonly number[] | undefined

Slots marked for a challenge (a gold tile, a target suit): a gold ring and corner.

prefix (optional)string | undefined

The prefix of the face symbols' ids: one a board, when a page draws several.

design (optional)TileDesign | undefined

A design's drawings instead of Jarajara's own, as loadTileDesign gives it.

redFives (optional)boolean | undefined

Draw the red fives of a design that has them: the first five of each suit in slot order is red.

redFrom (optional)string | undefined

The tiles that decide which fives are red, when it is not the ones drawn: a game's tiles as first dealt, so the red five stays the same tile as the others are taken. Unless said, the tiles drawn.

cloth (optional)string | undefined

Lay the layout on a cloth, a felt behind it with a margin: green, blue, red, black or wood. Unless said, no background.

symbols (optional)boolean | undefined

Put the faces' symbols in the picture (unless said). A page that draws a board again and again keeps them once, in a <svg> of its own, and says false.

margin (optional)number | undefined

Frame the drawing on the tiles' drawn extent plus this margin (layoutFrame, shadow left to spill into the margin), so a page that centres the picture centres the tiles. Unless said, the old box (layoutBox), which leaves room for the thickness whether or not it is used.

mirror (optional)string | undefined

The view: none (unless said), horizontal (left to right), vertical (top to bottom) or both. The thickness, the lift of the layers and the shadows follow it; the slots do not.

Examples

import type { LayoutSvgOptions } from "@johnmorrisdotca/jarajara/faces";

const value: LayoutSvgOptions = {showFree:true,cloth:"green"};
console.log(value);
{ showFree: true, cloth: 'green' }

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/jarajara 1.7.0.