jpmschweitzerandClaude Opus 4.6
996a000146
First wireframe set covering all major UI surfaces: - HUD: basic insert (v0.1), full insert with perception modes (v1.0) - Dialogue: speaking, choosing, overheard states (v0.1), full with relationship indicators (v1.0) - Monologue: idle, reaction (v0.1), thought threading (v1.0) - Popups: modal, tooltip, interaction list (v0.1), context menu, notification stack (v1.0) - Menus: main, pause, save/load (v0.1), main menu, options (v1.0) README.md cross-references each wireframe to governing D-records. JSON source + PNG exports tracked in git. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
198 lines
5.5 KiB
JSON
198 lines
5.5 KiB
JSON
{
|
|
"name": "v01-interaction-list",
|
|
"shapes": {
|
|
"bg": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 0, "width": 1140, "height": 760,
|
|
"fillColor": "#1a1e24",
|
|
"strokeColor": "#1a1e24"
|
|
},
|
|
"bg-label": {
|
|
"type": "Text",
|
|
"left": 370, "top": 350,
|
|
"text": "GAME VIEW — right-click world menu open\n(radial menu, 2 spokes in v0.1)",
|
|
"fontColor": "#333340",
|
|
"fontSize": 14
|
|
},
|
|
"radial-center": {
|
|
"type": "Ellipse",
|
|
"left": 556, "top": 356, "width": 8, "height": 8,
|
|
"fillColor": "#c8d0e0",
|
|
"strokeColor": "#c8d0e0"
|
|
},
|
|
"radial-spoke-up": {
|
|
"type": "Line",
|
|
"left": 560, "top": 280, "width": 0, "height": 76,
|
|
"strokeColor": "#c8d0e0"
|
|
},
|
|
"radial-spoke-right": {
|
|
"type": "Line",
|
|
"left": 560, "top": 360, "width": 76, "height": 0,
|
|
"strokeColor": "#c8d0e0"
|
|
},
|
|
"radial-spoke-left": {
|
|
"type": "Line",
|
|
"left": 484, "top": 360, "width": 76, "height": 0,
|
|
"strokeColor": "#444455"
|
|
},
|
|
"radial-spoke-down": {
|
|
"type": "Line",
|
|
"left": 560, "top": 360, "width": 0, "height": 76,
|
|
"strokeColor": "#444455"
|
|
},
|
|
"spoke-up-label": {
|
|
"type": "Rectangle",
|
|
"left": 506, "top": 248, "width": 108, "height": 28,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#c8d0e0",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"spoke-up-text": {
|
|
"type": "Text",
|
|
"left": 514, "top": 256,
|
|
"text": "[W] OBSERVE",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"spoke-right-label": {
|
|
"type": "Rectangle",
|
|
"left": 640, "top": 344, "width": 100, "height": 28,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#c8d0e0",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"spoke-right-text": {
|
|
"type": "Text",
|
|
"left": 648, "top": 352,
|
|
"text": "[D] INSERT",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"spoke-left-label": {
|
|
"type": "Rectangle",
|
|
"left": 374, "top": 344, "width": 104, "height": 28,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#444455",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"spoke-left-text": {
|
|
"type": "Text",
|
|
"left": 382, "top": 352,
|
|
"text": "[A] COMMS",
|
|
"fontColor": "#444455",
|
|
"fontSize": 12
|
|
},
|
|
"spoke-down-label": {
|
|
"type": "Rectangle",
|
|
"left": 506, "top": 440, "width": 100, "height": 28,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#444455",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"spoke-down-text": {
|
|
"type": "Text",
|
|
"left": 514, "top": 448,
|
|
"text": "[S] WAIT",
|
|
"fontColor": "#444455",
|
|
"fontSize": 12
|
|
},
|
|
"v01-scope-note": {
|
|
"type": "Text",
|
|
"left": 400, "top": 480,
|
|
"text": "v0.1: OBSERVE + INSERT only. COMMS + WAIT deferred (shown greyed).",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"drag-release-note": {
|
|
"type": "Text",
|
|
"left": 400, "top": 496,
|
|
"text": "Drag-release for fast selection. Click-click for newcomers. (D-058)",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"z-layer-note": {
|
|
"type": "Text",
|
|
"left": 400, "top": 510,
|
|
"text": "Rendered z-layer 6. Nearly transparent — geometric lines only.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"notification-section": {
|
|
"type": "Rectangle",
|
|
"left": 600, "top": 560, "width": 500, "height": 130,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#2a3040",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"notification-title": {
|
|
"type": "Text",
|
|
"left": 616, "top": 568,
|
|
"text": "TOAST NOTIFICATION (v0.1 scope)",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"toast-1": {
|
|
"type": "Rectangle",
|
|
"left": 616, "top": 586, "width": 468, "height": 32,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"toast-1-accent": {
|
|
"type": "Rectangle",
|
|
"left": 616, "top": 586, "width": 2, "height": 32,
|
|
"fillColor": "#c8d8f0",
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"toast-1-text": {
|
|
"type": "Text",
|
|
"left": 622, "top": 596,
|
|
"text": "INSERT // New POI added: Bay 12 cargo sector",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"toast-2": {
|
|
"type": "Rectangle",
|
|
"left": 616, "top": 624, "width": 468, "height": 32,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"toast-2-accent": {
|
|
"type": "Rectangle",
|
|
"left": 616, "top": 624, "width": 2, "height": 32,
|
|
"fillColor": "#e8c547",
|
|
"strokeColor": "#e8c547"
|
|
},
|
|
"toast-2-text": {
|
|
"type": "Text",
|
|
"left": 622, "top": 634,
|
|
"text": "CASE // Kael Davan flagged as person of interest",
|
|
"fontColor": "#e8c547",
|
|
"fontSize": 12
|
|
},
|
|
"toast-note": {
|
|
"type": "Text",
|
|
"left": 616, "top": 664,
|
|
"text": "Top-right corner. Accent color = category. Auto-dismiss 5s. Stack max 2.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"annotation-title": {
|
|
"type": "Text",
|
|
"left": 16, "top": 16,
|
|
"text": "v0.1 WORLD MENU (RADIAL) + TOAST NOTIFICATIONS",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-notes": {
|
|
"type": "Text",
|
|
"left": 16, "top": 30, "width": 840,
|
|
"text": "Radial: 4 spokes, 2 active in v0.1. Geometric lines, thin. Drag-release or click-click. Toast: accent bar = category color, top-right corner.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10,
|
|
"wordWrap": true
|
|
}
|
|
}
|
|
}
|