本文へ移動

Fuda Cards札

画像やライブ3Dを入れるコレクション用のカード枠です。本物の厚み、縁、箔、山、傷み、バインダーを、2つのWebコンポーネントで使えます。

「札(ふだ)」は、カードや札を指す日本語です。 名前について(英語)

目次

リファレンス · カードの中のライブ3D

LiveItem型

リファレンスの説明と例は英語です。見出しと目次は日本語です。

What a card shows in 3D: a key (items with the same key share their pictures) and a scene made from shared assets (assets.acquire).

インポート

import type { LiveItem } from "@johnmorrisdotca/fuda-cards/live-3d";

定義

interface LiveItem<T extends ThreeLike = ThreeLike> {
    key: string;
    build(context: BuildContext<T>): LiveScene | Promise<LiveScene>;
}

メンバー

名前型説明
keystring
build(context: BuildContext<T>): LiveScene | Promise<LiveScene>

例

import type { LiveItem } from "@johnmorrisdotca/fuda-cards/live-3d";
import { BoxGeometry, Mesh, MeshNormalMaterial, PerspectiveCamera, Scene } from "three";

const cube: LiveItem = {
  key: "cube",
  build() {
    const object = new Mesh(new BoxGeometry(1, 1, 1), new MeshNormalMaterial());
    return { scene: new Scene().add(object), camera: new PerspectiveCamera(40, 1, 0.1, 10), object };
  },
};
console.log(cube.key);

ソースを見るGitHub で編集@johnmorrisdotca/fuda-cards 0.11.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。