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 · Build a mesh and a drawing

lineupSvgfunction

The whole picture as SVG text. Unknown items are left out.

Import it

import { lineupSvg } from "@johnmorrisdotca/uchusen-rockets/build";

Definition

function lineupSvg(options: LineupOptions): { svg: string; items: LineupItem[]; real: LineupItem[]; width: number; height: number; unit: number; }

Parameters

NameTypeDescription
optionsLineupOptions

The items and how they are drawn.

Returns

{ svg: string; items: LineupItem[]; real: LineupItem[]; width: number; height: number; unit: number; }

The picture as SVG text, the items it holds, the real craft lying beside the fleet (real, with their lengths), its width and height and the scale it was drawn at (pixels a metre: less than unit when fit shrank it).

Examples

import { lineupSvg } from "@johnmorrisdotca/uchusen-rockets/build";

const picture = lineupSvg({ items: ["falcon-9:block-5", "falcon-heavy:falcon-heavy", "person"], unit: 4, ruler: true });
console.log(picture.items.length, picture.svg.startsWith("<svg"));
3 true

What it prints (run when this page was built)

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