Orbit Lines
Tilted concentric orbit paths around an ember centre with small bodies travelling at different speeds, drawn in SVG.
Preview
Integrations
Everything you use, circling one source of truth
Near-circular · 3 orbits
12 syncs / min
Flat · 7 orbits
All systems in sync
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orbits | number | 5 | Number of orbit paths. |
| bodies | number | 2 | Bodies (dots) per orbit. |
| flatten | number | 0.42 | Orbit height divided by width, 0.2 to 1. |
| tilt | number | -14 | Tilt of the system in degrees. |
| speed | number | 1 | Speed multiplier. 0 holds still. |
| center | { x: number; y: number } | { x: 0.5, y: 0.5 } | Centre of the system, as fractions of the box. |
| seed | number | 6 | Seed for body positions and sizes. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.