Skip to the content

Fuda Cards札

Collectible card frames for images and live 3D: a true thickness, an edge, foil, stacks, wear and a binder, as two web components.

Fuda is the Japanese word 札 for a card or a tag. About the name

Contents

Reference · Options, materials, stacks and wear

wearOutlinefunction

The outline of a face as an SVG path in the 250 by 350 box, corners as worn.

Import it

import { wearOutline } from "@johnmorrisdotca/fuda-cards";

Definition

function wearOutline(features: WearFeatures, face?: "front" | "back"): string

Parameters

NameTypeDescription
featuresWearFeatures

The marks of the card (see wearLayout).

face (optional)"back" | "front"

Which face; the back's corners are the front's seen from behind. Unless said, the front.

Returns

string

The path's d attribute.

Examples

import { wearLayout, wearOutline, wearPreset } from "@johnmorrisdotca/fuda-cards";

const features = wearLayout(wearPreset("damaged")!.levels, 1);
console.log(wearOutline(features).startsWith("M"), wearOutline(features, "back") !== wearOutline(features)); // true true
true true

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/fuda-cards 0.11.0.