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

StackPlacetype

Where one card of a stack lies, as the stack's layout says: how far it is nudged across and down, in card widths, and how far it is turned.

Import it

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

Definition

interface StackPlace {
    x: number;
    y: number;
    rotate: number;
}

Members

NameTypeDescription
xnumber

Across, in card widths from where a square card lies.

ynumber

Down, in card widths.

rotatenumber

Turn in degrees.

Examples

import { stackLayout, type StackPlace } from "@johnmorrisdotca/fuda-cards";

const place: StackPlace = stackLayout(5, { seed: 3 })[0];
console.log(Object.keys(place)); // [ 'x', 'y', 'rotate' ]
[ 'x', 'y', 'rotate' ]

What it prints (run when this page was built)

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