Files
hnefatafl/docs/artwork.md
T
2026-09-23 19:32:15 -04:00

826 B
Raw Blame History

Board artwork

src/lib/components/BoardArtwork.svelte owns both palettes, surface filters, wear, grid, inlays and counters. Board.svelte supplies interactive state; Hall.svelte supplies an opening position from the game engine. Update the shared component to change either illustration and the game together.

After editing the artwork, run:

npm run art

This renders the same Svelte component into static/board-copenhagen.svg and static/board-tablut.svg, then regenerates docs/og-card.svg and the 1200 × 630 static/og.png. Preview the share composition in docs/og-card.html. The share composition and copy live in docs/render-art.mjs. Commit generated assets with source changes. The export uses Sharp as a development dependency; it does not add any image-processing code to the shipped app.