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>
176 lines
4.7 KiB
JSON
176 lines
4.7 KiB
JSON
{
|
|
"name": "v01-tooltip",
|
|
"shapes": {
|
|
"bg": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 0, "width": 1140, "height": 760,
|
|
"fillColor": "#1a1e24",
|
|
"strokeColor": "#1a1e24"
|
|
},
|
|
"bg-label": {
|
|
"type": "Text",
|
|
"left": 380, "top": 360,
|
|
"text": "GAME VIEW — cursor hovering entity",
|
|
"fontColor": "#333340",
|
|
"fontSize": 14
|
|
},
|
|
"entity-box": {
|
|
"type": "Ellipse",
|
|
"left": 540, "top": 300, "width": 28, "height": 28,
|
|
"fillColor": "#4a9ebb",
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"cursor-bracket-tl": {
|
|
"type": "Line",
|
|
"left": 530, "top": 290, "width": 10, "height": 0,
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"cursor-bracket-tl-v": {
|
|
"type": "Line",
|
|
"left": 530, "top": 290, "width": 0, "height": 10,
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"cursor-bracket-br": {
|
|
"type": "Line",
|
|
"left": 568, "top": 338, "width": 10, "height": 0,
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"cursor-bracket-br-v": {
|
|
"type": "Line",
|
|
"left": 578, "top": 328, "width": 0, "height": 10,
|
|
"strokeColor": "#c8d8f0"
|
|
},
|
|
"tooltip-entity-verb": {
|
|
"type": "Rectangle",
|
|
"left": 576, "top": 295, "width": 180, "height": 72,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"tooltip-accent": {
|
|
"type": "Rectangle",
|
|
"left": 576, "top": 295, "width": 2, "height": 72,
|
|
"fillColor": "#4a9ebb",
|
|
"strokeColor": "#4a9ebb"
|
|
},
|
|
"tooltip-name": {
|
|
"type": "Text",
|
|
"left": 582, "top": 300,
|
|
"text": "DOCK WORKER",
|
|
"fontColor": "#4a9ebb",
|
|
"fontSize": 12
|
|
},
|
|
"tooltip-status": {
|
|
"type": "Text",
|
|
"left": 582, "top": 316,
|
|
"text": "Unknown / Neutral",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 11
|
|
},
|
|
"tooltip-verb-1": {
|
|
"type": "Text",
|
|
"left": 582, "top": 334,
|
|
"text": "[E] Talk",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"tooltip-verb-2": {
|
|
"type": "Text",
|
|
"left": 582, "top": 350,
|
|
"text": "[F] Observe",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"tooltip-z-layer-note": {
|
|
"type": "Text",
|
|
"left": 576, "top": 372,
|
|
"text": "Rendered z-layer 6 (insert layer) — disappears if insert off",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"object-hover-section": {
|
|
"type": "Rectangle",
|
|
"left": 300, "top": 440, "width": 540, "height": 100,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#2a3040",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"object-hover-title": {
|
|
"type": "Text",
|
|
"left": 316, "top": 448,
|
|
"text": "OBJECT HOVER — cursor rotates to X-shape",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"object-box": {
|
|
"type": "Rectangle",
|
|
"left": 316, "top": 466, "width": 48, "height": 32,
|
|
"fillColor": "#2a3040",
|
|
"strokeColor": "#8b8ba0"
|
|
},
|
|
"object-box-label": {
|
|
"type": "Text",
|
|
"left": 322, "top": 478,
|
|
"text": "CRATE",
|
|
"fontColor": "#8b8ba0",
|
|
"fontSize": 10
|
|
},
|
|
"object-tooltip": {
|
|
"type": "Rectangle",
|
|
"left": 372, "top": 460, "width": 160, "height": 56,
|
|
"fillColor": "#0e1118",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"object-tooltip-accent": {
|
|
"type": "Rectangle",
|
|
"left": 372, "top": 460, "width": 2, "height": 56,
|
|
"fillColor": "#8b8ba0",
|
|
"strokeColor": "#8b8ba0"
|
|
},
|
|
"object-tooltip-name": {
|
|
"type": "Text",
|
|
"left": 378, "top": 464,
|
|
"text": "CARGO CRATE T-447",
|
|
"fontColor": "#8b8ba0",
|
|
"fontSize": 11
|
|
},
|
|
"object-tooltip-verb": {
|
|
"type": "Text",
|
|
"left": 378, "top": 482,
|
|
"text": "[E] Examine",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"object-tooltip-verb-2": {
|
|
"type": "Text",
|
|
"left": 378, "top": 498,
|
|
"text": "[F] Scan",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"object-amber-note": {
|
|
"type": "Text",
|
|
"left": 316, "top": 524,
|
|
"text": "If object flagged as POI: accent becomes amber #e8c547",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"annotation-title": {
|
|
"type": "Text",
|
|
"left": 16, "top": 16,
|
|
"text": "v0.1 TOOLTIPS — ENTITY HOVER + OBJECT HOVER",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-notes": {
|
|
"type": "Text",
|
|
"left": 16, "top": 30, "width": 840,
|
|
"text": "Entity hover: bracket cursor expands, vertical list of verbs, name in D-033 color. Object hover: X-cursor, grey accent. Both z-layer 6 — insert layer. D-057 vertical list spec.",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10,
|
|
"wordWrap": true
|
|
}
|
|
}
|
|
}
|