Toranpuトランプ

import { createCardSounds } from "@johnmorrisdotca/toranpu/card-sounds";

const sounds = createCardSounds();
sounds.play("shuffle");
sounds.play("deal", { count: 13, delay: 900 });
sounds.setMuted(true);

back="frontier"

back="frontier-art"

back-image="…"

back-colour mark

slot="face"

card.face = …

import { registerCardDesign } from "@johnmorrisdotca/toranpu/card-faces";
import { registerCardBack } from "@johnmorrisdotca/toranpu/card-backs";

registerCardDesign({
  name: "frontier",                 // then design="frontier" on any card, hand, pile or table
  box: [100, 140],
  art: { KS: kingOfSpades },        // a face for a standard card, as SVG
  draw: (card, { language }) => territory(card, language),   // a card no deck has: null if it is not one
  label: (card, language) => nameOf(card, language),         // what a screen reader says
});
registerCardBack("frontier", { colour: "#2f4a3a", ink: "#e7d9a8", logo: shield });   // then back="frontier"

hand.hide({ oneByOne: true });