Uchusen Rockets documentation
Uchusen Rockets 宇宙船 — line drawings and 3D views of 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.
Install
npm install @johnmorrisdotca/uchusen-rocketsStart here
Entry points
| Import it | What it is |
|---|---|
@johnmorrisdotca/Build a mesh and a drawing · 16 exports | |
@johnmorrisdotca/Journey mode: transfers, launch windows and flip-and-burn trips · 59 exports | |
@johnmorrisdotca/The web components · 8 exports | |
@johnmorrisdotca/The React wrapper · 2 exports | |
@johnmorrisdotca/Rockets, variants, parts and the fit check · 324 exports |
Guides
How-to
- Looks, views and partsChoose how a rocket is drawn, from where, and which parts of it show, with the same words in HTML, React and code.
- Build a rocket from partsMix parts of different rockets, ask whether they go together, and get a mesh and a drawing without three.js.
- Lit engines and flightsLight the engines at full thrust, play a flight phase by phase from a published timeline, and know which parts of the picture are sourced.
- Rockets to scaleStand rockets on one baseline at one scale beside a ruler, a person and a building, as an element or as SVG text.
- Put a rocket on your own siteSix ways to copy a rocket into a page, from a script tag to a plain image, and how a painted rocket's credit travels with it.
- Journey modeFly a real rocket or a ship of the SPX fleet from the Earth to the Moon or a planet. Launch windows from real positions, the burns, the flip and the numbers, as plain functions.
- React and other frameworksUse the rocket in React with the wrapper, and in Vue, Svelte, Angular or plain HTML as a custom element, each as an example that is built and opened in a browser.
- Ready files and 3D modelsUse the shipped .glb and .svg files directly, make your own with build, and know what is inside them.
- Bundlers and CDNsUse the rocket from unpkg, with Vite, or with webpack, as examples that are built and opened in a browser.
- TypeScript and NodeUse the package's types in TypeScript and its core in Node, with no DOM and no three.js, as examples that are type-checked and run.
Explanation
- Variants and sourced sizesWhy every rocket comes in versions, how a figure names its source, and what a blank or a disagreement means.
- Licences, credits and trademarksWhat is MIT, what is CC BY 4.0, what is public domain and ODbL, and how a rocket you show carries the right credit.
- ArchitectureHow the data, the part records, the drawing, the mesh and the element fit together, and why none of them can disagree.