docs(wireframes): add navigator UI wireframes — galaxy map, system orbital, body info
Three wireframes for the Reach Navigator insert app: - Galaxy hop-ring map (concentric layout, sector-colored, contextual gate lanes) - System orbital schematic (star + orbits + oort cloud + horizon station) - Body info panel (planetary screenshot, profile stats, GTTR entry) Navigation flow: hop-ring → click system → orbital → click body → info panel. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Opus 4.6
@@ -0,0 +1,220 @@
|
||||
{
|
||||
"name": "Body Info Panel",
|
||||
"shapes": {
|
||||
"bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 0, "top": 0, "width": 1140, "height": 780,
|
||||
"fillColor": "#0d1117", "strokeColor": "#0d1117"
|
||||
},
|
||||
|
||||
"back-btn": {
|
||||
"type": "Rectangle",
|
||||
"left": 20, "top": 20, "width": 120, "height": 32,
|
||||
"fillColor": "#1a2030", "strokeColor": "#333340",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"back-label": {
|
||||
"type": "Text",
|
||||
"parent": "back-btn",
|
||||
"left": 32, "top": 26,
|
||||
"text": "< LU BAN SYSTEM",
|
||||
"fontColor": "#c8d0e0", "fontSize": 11
|
||||
},
|
||||
|
||||
"planet-screenshot": {
|
||||
"type": "Rectangle",
|
||||
"left": 40, "top": 80, "width": 360, "height": 360,
|
||||
"fillColor": "#111820", "strokeColor": "#1a2030",
|
||||
"corners": [8, 8, 8, 8]
|
||||
},
|
||||
"planet-screenshot-placeholder": {
|
||||
"type": "Ellipse",
|
||||
"left": 100, "top": 120, "width": 240, "height": 240,
|
||||
"fillColor": "#1a3050", "strokeColor": "#2a5080"
|
||||
},
|
||||
"planet-screenshot-label": {
|
||||
"type": "Text",
|
||||
"left": 155, "top": 230,
|
||||
"text": "Planetary Shader\nScreenshot (Q-064)",
|
||||
"fontColor": "#2a5080", "fontSize": 12
|
||||
},
|
||||
|
||||
"body-name": {
|
||||
"type": "Text",
|
||||
"left": 430, "top": 80,
|
||||
"text": "XIN CHENGDU",
|
||||
"fontColor": "#c8d0e0", "fontSize": 24
|
||||
},
|
||||
"body-designation": {
|
||||
"type": "Text",
|
||||
"left": 430, "top": 112,
|
||||
"text": "GJ-15Ac · Third planet of Lu Ban",
|
||||
"fontColor": "#667788", "fontSize": 12
|
||||
},
|
||||
|
||||
"stats-bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 430, "top": 140, "width": 320, "height": 200,
|
||||
"fillColor": "#111820", "strokeColor": "#1a2030",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"stats-title": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 150,
|
||||
"text": "PROFILE",
|
||||
"fontColor": "#c8d0e0", "fontSize": 11
|
||||
},
|
||||
"stat-type": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 172,
|
||||
"text": "Type: Temperate terrestrial",
|
||||
"fontColor": "#667788", "fontSize": 11
|
||||
},
|
||||
"stat-atmo": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 190,
|
||||
"text": "Atmosphere: Breathable (0.92 atm)",
|
||||
"fontColor": "#667788", "fontSize": 11
|
||||
},
|
||||
"stat-gravity": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 208,
|
||||
"text": "Gravity: 0.87g",
|
||||
"fontColor": "#667788", "fontSize": 11
|
||||
},
|
||||
"stat-pop": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 226,
|
||||
"text": "Population: 1.8M",
|
||||
"fontColor": "#44ff88", "fontSize": 11
|
||||
},
|
||||
"stat-econ": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 244,
|
||||
"text": "Economy: Manufacturing + Agri",
|
||||
"fontColor": "#667788", "fontSize": 11
|
||||
},
|
||||
"stat-culture": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 262,
|
||||
"text": "Corridor: East Reach (E. Asian)",
|
||||
"fontColor": "#44aa66", "fontSize": 11
|
||||
},
|
||||
"stat-governance": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 280,
|
||||
"text": "Governance: Technocratic-corporate",
|
||||
"fontColor": "#667788", "fontSize": 11
|
||||
},
|
||||
"stat-wave": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 298,
|
||||
"text": "Settlement: Wave 2 (est. ~420 years)",
|
||||
"fontColor": "#667788", "fontSize": 11
|
||||
},
|
||||
"stat-industrial": {
|
||||
"type": "Text",
|
||||
"parent": "stats-bg",
|
||||
"left": 442, "top": 316,
|
||||
"text": "Industrial: Prometheus Labs corridor",
|
||||
"fontColor": "#667788", "fontSize": 11
|
||||
},
|
||||
|
||||
"stations-bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 770, "top": 140, "width": 350, "height": 120,
|
||||
"fillColor": "#111820", "strokeColor": "#1a2030",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"stations-title": {
|
||||
"type": "Text",
|
||||
"parent": "stations-bg",
|
||||
"left": 782, "top": 150,
|
||||
"text": "STATIONS & FACILITIES",
|
||||
"fontColor": "#c8d0e0", "fontSize": 11
|
||||
},
|
||||
"station-1": {
|
||||
"type": "Text",
|
||||
"parent": "stations-bg",
|
||||
"left": 782, "top": 172,
|
||||
"text": "GJ-15Ac-S1 Chengdu Orbital Commercial Hub",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"station-2": {
|
||||
"type": "Text",
|
||||
"parent": "stations-bg",
|
||||
"left": 782, "top": 190,
|
||||
"text": "GJ-15Ac-S2 Prometheus Lab 7 Research (Restricted)",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"station-3": {
|
||||
"type": "Text",
|
||||
"parent": "stations-bg",
|
||||
"left": 782, "top": 208,
|
||||
"text": "GJ-15Ac-S3 Xin Chengdu Down Surface Port",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
|
||||
"moons-bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 770, "top": 276, "width": 350, "height": 60,
|
||||
"fillColor": "#111820", "strokeColor": "#1a2030",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"moons-title": {
|
||||
"type": "Text",
|
||||
"parent": "moons-bg",
|
||||
"left": 782, "top": 286,
|
||||
"text": "MOONS",
|
||||
"fontColor": "#c8d0e0", "fontSize": 11
|
||||
},
|
||||
"moon-1": {
|
||||
"type": "Text",
|
||||
"parent": "moons-bg",
|
||||
"left": 782, "top": 306,
|
||||
"text": "GJ-15Ac-1 Barren · Uninhabited · 0.12g",
|
||||
"fontColor": "#445566", "fontSize": 10
|
||||
},
|
||||
|
||||
"gttr-bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 40, "top": 460, "width": 1080, "height": 300,
|
||||
"fillColor": "#111820", "strokeColor": "#1a2030",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"gttr-title": {
|
||||
"type": "Text",
|
||||
"parent": "gttr-bg",
|
||||
"left": 56, "top": 472,
|
||||
"text": "DRIFTER'S GUIDE TO THE REACH — XIN CHENGDU",
|
||||
"fontColor": "#c8d0e0", "fontSize": 14
|
||||
},
|
||||
"gttr-divider": {
|
||||
"type": "Line",
|
||||
"left": 56, "top": 494, "width": 1048, "height": 0,
|
||||
"strokeColor": "#1a2030"
|
||||
},
|
||||
"gttr-body": {
|
||||
"type": "Text",
|
||||
"parent": "gttr-bg",
|
||||
"left": 56, "top": 504, "width": 1048,
|
||||
"text": "If you're arriving at Xin Chengdu for the first time, you'll notice two things: the air\nsmells like machine oil and fresh rain simultaneously, and everyone walks with purpose.\nThis is a manufacturing world that hasn't forgotten it was once farmland. The Prometheus\nLabs presence is felt rather than seen — you won't find their logo on buildings, but\nyou'll notice the unusual number of people who look forty and have been alive for three\nhundred years.\n\nThe orbital is your best bet for lodging unless you have surface contacts. Chengdu Down\nis functional but not welcoming to visitors without business. If you're here for trade,\nthe orbital market handles most offworld transactions. If you're here for work, the\nSyndic hiring halls in the eastern ring are where contracts are posted...",
|
||||
"fontColor": "#8899aa", "fontSize": 11, "wordWrap": true
|
||||
},
|
||||
"gttr-scroll-hint": {
|
||||
"type": "Text",
|
||||
"left": 1060, "top": 740,
|
||||
"text": "scroll v",
|
||||
"fontColor": "#333340", "fontSize": 10
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
@@ -0,0 +1,371 @@
|
||||
{
|
||||
"name": "Galaxy Hop-Ring Map",
|
||||
"shapes": {
|
||||
"bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 0, "top": 0, "width": 1140, "height": 780,
|
||||
"fillColor": "#0d1117", "strokeColor": "#0d1117"
|
||||
},
|
||||
"title": {
|
||||
"type": "Text",
|
||||
"left": 40, "top": 24,
|
||||
"text": "THE REACH — NAVIGATOR",
|
||||
"fontColor": "#c8d0e0", "fontSize": 18
|
||||
},
|
||||
"subtitle": {
|
||||
"type": "Text",
|
||||
"left": 40, "top": 48,
|
||||
"text": "Concord Assembly Gate Network — 301 Systems",
|
||||
"fontColor": "#667788", "fontSize": 12
|
||||
},
|
||||
|
||||
"ring-outer": {
|
||||
"type": "Ellipse",
|
||||
"left": 210, "top": 30, "width": 720, "height": 720,
|
||||
"fillColor": "#0d1117", "strokeColor": "#1a2030"
|
||||
},
|
||||
"ring-9": {
|
||||
"type": "Ellipse",
|
||||
"left": 250, "top": 70, "width": 640, "height": 640,
|
||||
"fillColor": "#0d1117", "strokeColor": "#141a25"
|
||||
},
|
||||
"ring-7": {
|
||||
"type": "Ellipse",
|
||||
"left": 290, "top": 110, "width": 560, "height": 560,
|
||||
"fillColor": "#0d1117", "strokeColor": "#141a25"
|
||||
},
|
||||
"ring-5": {
|
||||
"type": "Ellipse",
|
||||
"left": 330, "top": 150, "width": 480, "height": 480,
|
||||
"fillColor": "#0d1117", "strokeColor": "#141a25"
|
||||
},
|
||||
"ring-3": {
|
||||
"type": "Ellipse",
|
||||
"left": 370, "top": 190, "width": 400, "height": 400,
|
||||
"fillColor": "#0d1117", "strokeColor": "#141a25"
|
||||
},
|
||||
"ring-1": {
|
||||
"type": "Ellipse",
|
||||
"left": 410, "top": 230, "width": 320, "height": 320,
|
||||
"fillColor": "#0d1117", "strokeColor": "#1a2030"
|
||||
},
|
||||
"ring-core": {
|
||||
"type": "Ellipse",
|
||||
"left": 490, "top": 310, "width": 160, "height": 160,
|
||||
"fillColor": "#111820", "strokeColor": "#1a2030"
|
||||
},
|
||||
|
||||
"sector-n-label": {
|
||||
"type": "Text",
|
||||
"left": 550, "top": 45,
|
||||
"text": "NORTH REACH",
|
||||
"fontColor": "#4488aa", "fontSize": 10
|
||||
},
|
||||
"sector-s-label": {
|
||||
"type": "Text",
|
||||
"left": 545, "top": 740,
|
||||
"text": "SOUTH REACH",
|
||||
"fontColor": "#aa6644", "fontSize": 10
|
||||
},
|
||||
"sector-e-label": {
|
||||
"type": "Text",
|
||||
"left": 890, "top": 385,
|
||||
"text": "EAST",
|
||||
"fontColor": "#44aa66", "fontSize": 10
|
||||
},
|
||||
"sector-w-label": {
|
||||
"type": "Text",
|
||||
"left": 225, "top": 385,
|
||||
"text": "WEST",
|
||||
"fontColor": "#aa8844", "fontSize": 10
|
||||
},
|
||||
"core-label": {
|
||||
"type": "Text",
|
||||
"left": 548, "top": 385,
|
||||
"text": "CORE",
|
||||
"fontColor": "#c8d0e0", "fontSize": 11
|
||||
},
|
||||
|
||||
"gateway-dot": {
|
||||
"type": "Ellipse",
|
||||
"left": 564, "top": 384, "width": 12, "height": 12,
|
||||
"fillColor": "#f0d060", "strokeColor": "#f0d060"
|
||||
},
|
||||
"gateway-label": {
|
||||
"type": "Text",
|
||||
"left": 578, "top": 396,
|
||||
"text": "Gateway (GJ-71)",
|
||||
"fontColor": "#f0d060", "fontSize": 10
|
||||
},
|
||||
|
||||
"dot-n1": {
|
||||
"type": "Ellipse",
|
||||
"left": 540, "top": 255, "width": 6, "height": 6,
|
||||
"fillColor": "#4488aa", "strokeColor": "#4488aa"
|
||||
},
|
||||
"dot-n2": {
|
||||
"type": "Ellipse",
|
||||
"left": 580, "top": 195, "width": 6, "height": 6,
|
||||
"fillColor": "#4488aa", "strokeColor": "#4488aa"
|
||||
},
|
||||
"dot-n3": {
|
||||
"type": "Ellipse",
|
||||
"left": 510, "top": 165, "width": 6, "height": 6,
|
||||
"fillColor": "#4488aa", "strokeColor": "#4488aa"
|
||||
},
|
||||
"dot-n4": {
|
||||
"type": "Ellipse",
|
||||
"left": 600, "top": 125, "width": 6, "height": 6,
|
||||
"fillColor": "#4488aa", "strokeColor": "#4488aa"
|
||||
},
|
||||
"dot-n5": {
|
||||
"type": "Ellipse",
|
||||
"left": 530, "top": 95, "width": 6, "height": 6,
|
||||
"fillColor": "#336688", "strokeColor": "#336688"
|
||||
},
|
||||
|
||||
"dot-s1": {
|
||||
"type": "Ellipse",
|
||||
"left": 550, "top": 520, "width": 6, "height": 6,
|
||||
"fillColor": "#aa6644", "strokeColor": "#aa6644"
|
||||
},
|
||||
"dot-s2": {
|
||||
"type": "Ellipse",
|
||||
"left": 590, "top": 580, "width": 6, "height": 6,
|
||||
"fillColor": "#aa6644", "strokeColor": "#aa6644"
|
||||
},
|
||||
"dot-s3": {
|
||||
"type": "Ellipse",
|
||||
"left": 520, "top": 610, "width": 6, "height": 6,
|
||||
"fillColor": "#aa6644", "strokeColor": "#aa6644"
|
||||
},
|
||||
"dot-s4": {
|
||||
"type": "Ellipse",
|
||||
"left": 570, "top": 660, "width": 6, "height": 6,
|
||||
"fillColor": "#885533", "strokeColor": "#885533"
|
||||
},
|
||||
|
||||
"dot-e1": {
|
||||
"type": "Ellipse",
|
||||
"left": 680, "top": 370, "width": 6, "height": 6,
|
||||
"fillColor": "#44aa66", "strokeColor": "#44aa66"
|
||||
},
|
||||
"dot-e2": {
|
||||
"type": "Ellipse",
|
||||
"left": 740, "top": 340, "width": 6, "height": 6,
|
||||
"fillColor": "#44aa66", "strokeColor": "#44aa66"
|
||||
},
|
||||
"dot-e3": {
|
||||
"type": "Ellipse",
|
||||
"left": 800, "top": 400, "width": 6, "height": 6,
|
||||
"fillColor": "#44aa66", "strokeColor": "#44aa66"
|
||||
},
|
||||
"dot-e4": {
|
||||
"type": "Ellipse",
|
||||
"left": 850, "top": 350, "width": 6, "height": 6,
|
||||
"fillColor": "#338855", "strokeColor": "#338855"
|
||||
},
|
||||
|
||||
"dot-w1": {
|
||||
"type": "Ellipse",
|
||||
"left": 450, "top": 400, "width": 6, "height": 6,
|
||||
"fillColor": "#aa8844", "strokeColor": "#aa8844"
|
||||
},
|
||||
"dot-w2": {
|
||||
"type": "Ellipse",
|
||||
"left": 390, "top": 360, "width": 6, "height": 6,
|
||||
"fillColor": "#aa8844", "strokeColor": "#aa8844"
|
||||
},
|
||||
"dot-w3": {
|
||||
"type": "Ellipse",
|
||||
"left": 330, "top": 410, "width": 6, "height": 6,
|
||||
"fillColor": "#aa8844", "strokeColor": "#aa8844"
|
||||
},
|
||||
"dot-w4": {
|
||||
"type": "Ellipse",
|
||||
"left": 270, "top": 370, "width": 6, "height": 6,
|
||||
"fillColor": "#886633", "strokeColor": "#886633"
|
||||
},
|
||||
|
||||
"dot-core1": {
|
||||
"type": "Ellipse",
|
||||
"left": 530, "top": 340, "width": 8, "height": 8,
|
||||
"fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
|
||||
},
|
||||
"dot-core2": {
|
||||
"type": "Ellipse",
|
||||
"left": 590, "top": 360, "width": 8, "height": 8,
|
||||
"fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
|
||||
},
|
||||
"dot-core3": {
|
||||
"type": "Ellipse",
|
||||
"left": 555, "top": 420, "width": 8, "height": 8,
|
||||
"fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
|
||||
},
|
||||
|
||||
"selected-highlight": {
|
||||
"type": "Ellipse",
|
||||
"left": 735, "top": 335, "width": 16, "height": 16,
|
||||
"fillColor": "#00000000", "strokeColor": "#c8d8f0"
|
||||
},
|
||||
"selected-name": {
|
||||
"type": "Text",
|
||||
"left": 755, "top": 332,
|
||||
"text": "Lu Ban (GJ-15A)",
|
||||
"fontColor": "#c8d8f0", "fontSize": 11
|
||||
},
|
||||
"selected-info": {
|
||||
"type": "Text",
|
||||
"left": 755, "top": 346,
|
||||
"text": "East Reach · Hop 4 · Hub · Manufacturing",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
|
||||
"gate-lane-1": {
|
||||
"type": "Line",
|
||||
"left": 743, "top": 343, "width": 60, "height": 30,
|
||||
"strokeColor": "#2a4060"
|
||||
},
|
||||
"gate-lane-2": {
|
||||
"type": "Line",
|
||||
"left": 743, "top": 343, "width": -60, "height": -27,
|
||||
"strokeColor": "#2a4060"
|
||||
},
|
||||
"gate-note": {
|
||||
"type": "Text",
|
||||
"left": 755, "top": 360,
|
||||
"text": "3 gate connections shown",
|
||||
"fontColor": "#445566", "fontSize": 9
|
||||
},
|
||||
|
||||
"legend-bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 20, "top": 620, "width": 170, "height": 140,
|
||||
"fillColor": "#111820", "strokeColor": "#1a2030",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"legend-title": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 30, "top": 630,
|
||||
"text": "SECTORS",
|
||||
"fontColor": "#c8d0e0", "fontSize": 11
|
||||
},
|
||||
"legend-n-dot": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 30, "top": 652, "width": 8, "height": 8,
|
||||
"fillColor": "#4488aa", "strokeColor": "#4488aa"
|
||||
},
|
||||
"legend-n-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 44, "top": 650,
|
||||
"text": "North (Commonwealth)",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-s-dot": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 30, "top": 670, "width": 8, "height": 8,
|
||||
"fillColor": "#aa6644", "strokeColor": "#aa6644"
|
||||
},
|
||||
"legend-s-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 44, "top": 668,
|
||||
"text": "South (Iberian/LatAm)",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-e-dot": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 30, "top": 688, "width": 8, "height": 8,
|
||||
"fillColor": "#44aa66", "strokeColor": "#44aa66"
|
||||
},
|
||||
"legend-e-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 44, "top": 686,
|
||||
"text": "East (East Asian)",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-w-dot": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 30, "top": 706, "width": 8, "height": 8,
|
||||
"fillColor": "#aa8844", "strokeColor": "#aa8844"
|
||||
},
|
||||
"legend-w-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 44, "top": 704,
|
||||
"text": "West (Germanic/Scand.)",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-core-dot": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 30, "top": 724, "width": 8, "height": 8,
|
||||
"fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
|
||||
},
|
||||
"legend-core-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 44, "top": 722,
|
||||
"text": "Core (Cosmopolitan)",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-gateway-dot": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 30, "top": 742, "width": 8, "height": 8,
|
||||
"fillColor": "#f0d060", "strokeColor": "#f0d060"
|
||||
},
|
||||
"legend-gateway-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 44, "top": 740,
|
||||
"text": "Gateway",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
|
||||
"interaction-note": {
|
||||
"type": "Text",
|
||||
"left": 20, "top": 82,
|
||||
"text": "Click system → show gate connections + info\nRoute mode → highlight A→B hops only\nDefault → connections hidden (too messy)",
|
||||
"fontColor": "#445566", "fontSize": 10
|
||||
},
|
||||
|
||||
"hop-label-0": {
|
||||
"type": "Text",
|
||||
"left": 555, "top": 468,
|
||||
"text": "0",
|
||||
"fontColor": "#1a2030", "fontSize": 9
|
||||
},
|
||||
"hop-label-3": {
|
||||
"type": "Text",
|
||||
"left": 555, "top": 570,
|
||||
"text": "3",
|
||||
"fontColor": "#1a2030", "fontSize": 9
|
||||
},
|
||||
"hop-label-5": {
|
||||
"type": "Text",
|
||||
"left": 555, "top": 610,
|
||||
"text": "5",
|
||||
"fontColor": "#1a2030", "fontSize": 9
|
||||
},
|
||||
"hop-label-7": {
|
||||
"type": "Text",
|
||||
"left": 555, "top": 650,
|
||||
"text": "7",
|
||||
"fontColor": "#1a2030", "fontSize": 9
|
||||
},
|
||||
"hop-label-9": {
|
||||
"type": "Text",
|
||||
"left": 555, "top": 690,
|
||||
"text": "9+",
|
||||
"fontColor": "#1a2030", "fontSize": 9
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
@@ -0,0 +1,341 @@
|
||||
{
|
||||
"name": "System Orbital Schematic",
|
||||
"shapes": {
|
||||
"bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 0, "top": 0, "width": 1140, "height": 780,
|
||||
"fillColor": "#0d1117", "strokeColor": "#0d1117"
|
||||
},
|
||||
|
||||
"back-btn": {
|
||||
"type": "Rectangle",
|
||||
"left": 20, "top": 20, "width": 100, "height": 32,
|
||||
"fillColor": "#1a2030", "strokeColor": "#333340",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"back-label": {
|
||||
"type": "Text",
|
||||
"parent": "back-btn",
|
||||
"left": 32, "top": 26,
|
||||
"text": "< REACH MAP",
|
||||
"fontColor": "#c8d0e0", "fontSize": 11
|
||||
},
|
||||
|
||||
"system-name": {
|
||||
"type": "Text",
|
||||
"left": 140, "top": 20,
|
||||
"text": "LU BAN (GJ-15A)",
|
||||
"fontColor": "#c8d0e0", "fontSize": 18
|
||||
},
|
||||
"system-meta": {
|
||||
"type": "Text",
|
||||
"left": 140, "top": 44,
|
||||
"text": "East Reach · Hop 4 · Hub · Manufacturing · Pop. 2.4M",
|
||||
"fontColor": "#667788", "fontSize": 12
|
||||
},
|
||||
|
||||
"orbit-4": {
|
||||
"type": "Ellipse",
|
||||
"left": 30, "top": 100, "width": 580, "height": 580,
|
||||
"fillColor": "#00000000", "strokeColor": "#111820"
|
||||
},
|
||||
"orbit-3": {
|
||||
"type": "Ellipse",
|
||||
"left": 100, "top": 170, "width": 440, "height": 440,
|
||||
"fillColor": "#00000000", "strokeColor": "#111820"
|
||||
},
|
||||
"orbit-2": {
|
||||
"type": "Ellipse",
|
||||
"left": 160, "top": 230, "width": 320, "height": 320,
|
||||
"fillColor": "#00000000", "strokeColor": "#141a25"
|
||||
},
|
||||
"orbit-1": {
|
||||
"type": "Ellipse",
|
||||
"left": 220, "top": 290, "width": 200, "height": 200,
|
||||
"fillColor": "#00000000", "strokeColor": "#141a25"
|
||||
},
|
||||
|
||||
"star": {
|
||||
"type": "Ellipse",
|
||||
"left": 290, "top": 362, "width": 56, "height": 56,
|
||||
"fillColor": "#f0c040", "strokeColor": "#f0d060"
|
||||
},
|
||||
"star-label": {
|
||||
"type": "Text",
|
||||
"left": 275, "top": 424,
|
||||
"text": "GJ-15A (M1V)",
|
||||
"fontColor": "#f0c040", "fontSize": 10
|
||||
},
|
||||
|
||||
"planet-b": {
|
||||
"type": "Ellipse",
|
||||
"left": 410, "top": 350, "width": 14, "height": 14,
|
||||
"fillColor": "#886644", "strokeColor": "#886644"
|
||||
},
|
||||
"planet-b-label": {
|
||||
"type": "Text",
|
||||
"left": 428, "top": 348,
|
||||
"text": "GJ-15Ab",
|
||||
"fontColor": "#886644", "fontSize": 10
|
||||
},
|
||||
"planet-b-type": {
|
||||
"type": "Text",
|
||||
"left": 428, "top": 361,
|
||||
"text": "Rocky · Uninhabited",
|
||||
"fontColor": "#445566", "fontSize": 9
|
||||
},
|
||||
|
||||
"planet-c": {
|
||||
"type": "Ellipse",
|
||||
"left": 350, "top": 236, "width": 20, "height": 20,
|
||||
"fillColor": "#4488aa", "strokeColor": "#66aacc"
|
||||
},
|
||||
"planet-c-inhabited": {
|
||||
"type": "Ellipse",
|
||||
"left": 366, "top": 232, "width": 6, "height": 6,
|
||||
"fillColor": "#44ff88", "strokeColor": "#44ff88"
|
||||
},
|
||||
"planet-c-label": {
|
||||
"type": "Text",
|
||||
"left": 376, "top": 230,
|
||||
"text": "GJ-15Ac · Xin Chengdu",
|
||||
"fontColor": "#4488aa", "fontSize": 11
|
||||
},
|
||||
"planet-c-type": {
|
||||
"type": "Text",
|
||||
"left": 376, "top": 244,
|
||||
"text": "Temperate · Inhabited · Pop. 1.8M",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
|
||||
"planet-c-moon1": {
|
||||
"type": "Ellipse",
|
||||
"left": 340, "top": 216, "width": 8, "height": 8,
|
||||
"fillColor": "#667788", "strokeColor": "#667788"
|
||||
},
|
||||
"planet-c-moon1-label": {
|
||||
"type": "Text",
|
||||
"left": 350, "top": 208,
|
||||
"text": "GJ-15Ac-1",
|
||||
"fontColor": "#445566", "fontSize": 9
|
||||
},
|
||||
|
||||
"station-orbital": {
|
||||
"type": "Rectangle",
|
||||
"left": 378, "top": 260, "width": 10, "height": 10,
|
||||
"fillColor": "#c8d0e0", "strokeColor": "#c8d8f0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"station-orbital-label": {
|
||||
"type": "Text",
|
||||
"left": 392, "top": 258,
|
||||
"text": "GJ-15Ac-S1 · Chengdu Orbital",
|
||||
"fontColor": "#c8d0e0", "fontSize": 10
|
||||
},
|
||||
"station-orbital-type": {
|
||||
"type": "Text",
|
||||
"left": 392, "top": 270,
|
||||
"text": "Commercial Hub · Pop. 420K",
|
||||
"fontColor": "#667788", "fontSize": 9
|
||||
},
|
||||
|
||||
"planet-d": {
|
||||
"type": "Ellipse",
|
||||
"left": 200, "top": 500, "width": 16, "height": 16,
|
||||
"fillColor": "#667788", "strokeColor": "#667788"
|
||||
},
|
||||
"planet-d-label": {
|
||||
"type": "Text",
|
||||
"left": 220, "top": 498,
|
||||
"text": "GJ-15Ad",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"planet-d-type": {
|
||||
"type": "Text",
|
||||
"left": 220, "top": 511,
|
||||
"text": "Ice Giant · Uninhabited",
|
||||
"fontColor": "#445566", "fontSize": 9
|
||||
},
|
||||
|
||||
"gas-giant": {
|
||||
"type": "Ellipse",
|
||||
"left": 80, "top": 200, "width": 36, "height": 36,
|
||||
"fillColor": "#aa7744", "strokeColor": "#cc9966"
|
||||
},
|
||||
"gas-giant-label": {
|
||||
"type": "Text",
|
||||
"left": 120, "top": 200,
|
||||
"text": "GJ-15Ae",
|
||||
"fontColor": "#aa7744", "fontSize": 10
|
||||
},
|
||||
"gas-giant-type": {
|
||||
"type": "Text",
|
||||
"left": 120, "top": 213,
|
||||
"text": "Gas Giant · 3 major moons",
|
||||
"fontColor": "#445566", "fontSize": 9
|
||||
},
|
||||
"gas-moon-1": {
|
||||
"type": "Ellipse",
|
||||
"left": 112, "top": 194, "width": 7, "height": 7,
|
||||
"fillColor": "#667788", "strokeColor": "#667788"
|
||||
},
|
||||
"gas-moon-2": {
|
||||
"type": "Ellipse",
|
||||
"left": 72, "top": 238, "width": 7, "height": 7,
|
||||
"fillColor": "#667788", "strokeColor": "#667788"
|
||||
},
|
||||
"gas-moon-3": {
|
||||
"type": "Ellipse",
|
||||
"left": 60, "top": 210, "width": 7, "height": 7,
|
||||
"fillColor": "#667788", "strokeColor": "#667788"
|
||||
},
|
||||
|
||||
"oort-divider": {
|
||||
"type": "Line",
|
||||
"left": 660, "top": 80, "width": 0, "height": 620,
|
||||
"strokeColor": "#1a2030"
|
||||
},
|
||||
"oort-label": {
|
||||
"type": "Text",
|
||||
"left": 680, "top": 90,
|
||||
"text": "OORT CLOUD",
|
||||
"fontColor": "#333340", "fontSize": 11
|
||||
},
|
||||
|
||||
"horizon-station": {
|
||||
"type": "Rectangle",
|
||||
"left": 720, "top": 340, "width": 14, "height": 14,
|
||||
"fillColor": "#c8d0e0", "strokeColor": "#c8d8f0",
|
||||
"corners": [2, 2, 2, 2]
|
||||
},
|
||||
"horizon-inhabited": {
|
||||
"type": "Ellipse",
|
||||
"left": 736, "top": 336, "width": 6, "height": 6,
|
||||
"fillColor": "#44ff88", "strokeColor": "#44ff88"
|
||||
},
|
||||
"horizon-label": {
|
||||
"type": "Text",
|
||||
"left": 746, "top": 336,
|
||||
"text": "GJ-15A-S1 · Horizon Station",
|
||||
"fontColor": "#c8d0e0", "fontSize": 11
|
||||
},
|
||||
"horizon-type": {
|
||||
"type": "Text",
|
||||
"left": 746, "top": 350,
|
||||
"text": "Gate Infrastructure · Commission Staffed",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
|
||||
"gate-lines-title": {
|
||||
"type": "Text",
|
||||
"left": 720, "top": 400,
|
||||
"text": "Gate connections:",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"gate-conn-1": {
|
||||
"type": "Text",
|
||||
"left": 720, "top": 416,
|
||||
"text": "> GJ-273 (Luyten's Star) — 1 hop",
|
||||
"fontColor": "#2a5080", "fontSize": 10
|
||||
},
|
||||
"gate-conn-2": {
|
||||
"type": "Text",
|
||||
"left": 720, "top": 432,
|
||||
"text": "> GJ-412A (Lalande) — 1 hop",
|
||||
"fontColor": "#2a5080", "fontSize": 10
|
||||
},
|
||||
"gate-conn-3": {
|
||||
"type": "Text",
|
||||
"left": 720, "top": 448,
|
||||
"text": "> GJ-380 — 1 hop",
|
||||
"fontColor": "#2a5080", "fontSize": 10
|
||||
},
|
||||
|
||||
"legend-bg": {
|
||||
"type": "Rectangle",
|
||||
"left": 720, "top": 620, "width": 180, "height": 120,
|
||||
"fillColor": "#111820", "strokeColor": "#1a2030",
|
||||
"corners": [4, 4, 4, 4]
|
||||
},
|
||||
"legend-title": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 732, "top": 630,
|
||||
"text": "BODY TYPES",
|
||||
"fontColor": "#c8d0e0", "fontSize": 10
|
||||
},
|
||||
"legend-inhabited-dot": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 732, "top": 652, "width": 6, "height": 6,
|
||||
"fillColor": "#44ff88", "strokeColor": "#44ff88"
|
||||
},
|
||||
"legend-inhabited-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 744, "top": 650,
|
||||
"text": "Inhabited",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-station-icon": {
|
||||
"type": "Rectangle",
|
||||
"parent": "legend-bg",
|
||||
"left": 732, "top": 670, "width": 7, "height": 7,
|
||||
"fillColor": "#c8d0e0", "strokeColor": "#c8d8f0",
|
||||
"corners": [1, 1, 1, 1]
|
||||
},
|
||||
"legend-station-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 744, "top": 668,
|
||||
"text": "Station",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-planet-icon": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 732, "top": 688, "width": 7, "height": 7,
|
||||
"fillColor": "#4488aa", "strokeColor": "#4488aa"
|
||||
},
|
||||
"legend-planet-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 744, "top": 686,
|
||||
"text": "Planet / Moon",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-gas-icon": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 732, "top": 706, "width": 7, "height": 7,
|
||||
"fillColor": "#aa7744", "strokeColor": "#aa7744"
|
||||
},
|
||||
"legend-gas-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 744, "top": 704,
|
||||
"text": "Gas Giant",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
"legend-core-icon": {
|
||||
"type": "Ellipse",
|
||||
"parent": "legend-bg",
|
||||
"left": 732, "top": 724, "width": 7, "height": 7,
|
||||
"fillColor": "#f0c040", "strokeColor": "#f0c040"
|
||||
},
|
||||
"legend-core-text": {
|
||||
"type": "Text",
|
||||
"parent": "legend-bg",
|
||||
"left": 744, "top": 722,
|
||||
"text": "Star",
|
||||
"fontColor": "#667788", "fontSize": 10
|
||||
},
|
||||
|
||||
"click-hint": {
|
||||
"type": "Text",
|
||||
"left": 20, "top": 740,
|
||||
"text": "Click any body or station to view details + GTTR entry",
|
||||
"fontColor": "#445566", "fontSize": 10
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Reference in New Issue
Block a user