本文へ移動

Uchusen Rockets宇宙船

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

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

目次

リファレンス

Webコンポーネント

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

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

エクスポート

名前種類概要
defineUchusenRocket関数Defines both elements, once.
FlightWords型The words the flight bar says itself, each of which a page can replace (for a language) with flight.words = { play: "…" }.
ROCKETS定数Every rocket that has a shape, by id, each with its variants.
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.
setAssetBase関数Where the licensed models are, for every element with no assets attribute of its own.
UchusenFlightクラスThe <uchusen-flight> element: a play button, a slider and the phase's name for a rocket's flight.
UchusenLineupクラスRockets side by side on one baseline at one scale: <uchusen-lineup items="starship:v1,starship:v3,person,building" unit="4" ruler labels>.
UchusenRocketクラスThe <uchusen-rocket> element: a rocket as a drawing that a 3D view takes over from when the browser can draw WebGL.

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

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