Skip to the content

Uchusen Rockets宇宙船

Rockets drawn from sourced sizes: line drawings and painted 3D views you drop into a page, take apart and turn round, and a typed model that checks whether a rocket really goes together.

Uchusen is the Japanese word 宇宙船 for spaceship. About the name

Contents

Reference

The web components

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

Exports

NameKindWhat it is
defineUchusenRocketfunctionDefines both elements, once.
FlightWordstypeThe words the flight bar says itself, each of which a page can replace (for a language) with flight.words = { play: "…" }.
ROCKETSconstantEvery rocket that has a shape, by id, each with its variants.
RocketStatetypeWhat 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.
setAssetBasefunctionWhere the licensed models are, for every element with no assets attribute of its own.
UchusenFlightclassThe <uchusen-flight> element: a play button, a slider and the phase's name for a rocket's flight.
UchusenLineupclassRockets side by side on one baseline at one scale: <uchusen-lineup items="starship:v1,starship:v3,person,building" unit="4" ruler labels>.
UchusenRocketclassThe <uchusen-rocket> element: a rocket as a drawing that a 3D view takes over from when the browser can draw WebGL.

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/uchusen-rockets 0.14.0.