jpmschweitzerandClaude Opus 4.6
79a4780c46
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>
372 lines
10 KiB
JSON
372 lines
10 KiB
JSON
{
|
|
"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
|
|
}
|
|
}
|
|
}
|