← The game interface — first brush · all tasks

Element-card renderer, seeded table data, and the card editor

done priority 1 estimate M

game-interface/002 · created 2026-08-11 · updated 2026-08-12

What

The shared card layer both the game and the authoring tool sit on:

elements.js — the working element table as structured data, seeded from the historic periodic-table doc (64 records: provisional name, trigram pair, King Wen number, a colour blended from the trigram colours, rarity, origin, collect-text, value, art slot). This starts the authoring element-table/001 was waiting on; that epic still owns the content itself.
card-renderer.js + card-styles.css — one renderer for the card (full and grid-tile sizes, owned and un-collected treatments, rarity styling) used by BOTH the game shell and the editor, so preview and in-game can never drift.
card-editor.html — Kris’s tool: open from disk, pick any of the 64, edit name/colour/rarity/origin/collect-text/value/art, live card preview, “Download elements.js” to save (localStorage autosave as crash protection only).

Done

All four files live in land-of-lor/pocs/game-shell/ (2026-08-11). #53 seeded as “Leather” (Rah’s documented name for Wind over Mountain); all other names are provisional seeds from the historic table — Kris’s sticky-note renames from the physical table session (Fire Crystal, Mushrooms, Wood, Gold, Silver, Dirt, …) still need applying in the editor. Verified: editor renders and edits from a plain local serve; grid and card variants render correctly.

Review

Kris opens land-of-lor/pocs/game-shell/card-editor.html in a browser (straight from disk works), pokes at an element or two, downloads elements.js, and confirms the tool fits how he wants to author the table. Then: apply the sticky-note renames from the physical table.

Outcome — done (2026-08-12)

Signed off by Kris: “we have the card editor now, I’m really happy with that.”

Two follow-ons deliberately not folded into this task:

Promoting the card editor to the public site is a later, separate call — Kris expects to want it once more elements are defined, but it isn’t decided and isn’t scheduled.
Authoring the actual elements is Kris’s own work, now tracked as element-table/003.

View source in repository · also available as raw markdown.