本文へ移動

Uchusen Rockets宇宙船

出典つきの寸法から描いたロケットです。ページに置いて、分解して、回して見られる線画と彩色した3Dビューに加え、ロケットが本当に組み合わさるかを確かめる、型付きのデータモデルを備えています。

Uchusen は、宇宙を飛ぶ乗り物を意味する日本語「宇宙船」(うちゅうせん)から取った名前です。 名前について(英語)

目次

リファレンス · Webコンポーネント

RocketState型

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

What a <uchusen-rocket> is doing, as its data-state attribute says: picture (the drawing), loading (the 3D view is on its way), 3d, fallback (no WebGL, so the drawing stays) or error.

インポート

import type { RocketState } from "@johnmorrisdotca/uchusen-rockets/element";

定義

type RocketState = "picture" | "loading" | "3d" | "fallback" | "error";

例

import type { RocketState } from "@johnmorrisdotca/uchusen-rockets/element";

const states: RocketState[] = ["picture", "loading", "3d", "fallback", "error"];
console.log(states.length);
5

出力(このページを作ったときに実行した結果)

ソースを見るGitHub で編集@johnmorrisdotca/uchusen-rockets 0.14.0 のソースから作成しました。

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