TILE_SIZEconstant

THE FACES OF THE TILES, as SVG text: a Japanese-style set in the plainest strokes that still read at thirty pixels. Characters are the numeral over a red 萬; circles and bamboo are counted out in dots and sticks; the winds and dragons are their characters, 中 red and 發 green, and the white dragon a blue frame. The flowers and seasons carry a band of their group's colour across the top, since any of a group matches any other. Every suit tile and wind also has its number or letter small in the top corner, for a reader who does not count dots at a glance or read 東 as east.

Each face is drawn in the tile's own 30 by 40 (TILE_SIZE), and returned as a string, so it goes into any page, framework or none. The tiles are light objects on any table, so every colour is fixed, never a theme's. The text on them cannot be selected: a tile is a thing to press, not a word to copy.

import { TILE_SIZE } from "@johnmorrisdotca/jarajara/faces";

const TILE_SIZE: { readonly width: 30; readonly height: 40; } = { width: 30, height: 40 } as const

import { TILE_SIZE } from "@johnmorrisdotca/jarajara/faces";
console.log(TILE_SIZE);

{ width: 30, height: 40 }