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

RocketStatetype

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 it

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

Definition

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

Examples

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

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

What it prints (run when this page was built)

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