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>
177 lines
4.7 KiB
JSON
177 lines
4.7 KiB
JSON
{
|
|
"name": "v01-insert-basic",
|
|
"shapes": {
|
|
"bg": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 0, "width": 1140, "height": 760,
|
|
"fillColor": "#1a1e24",
|
|
"strokeColor": "#1a1e24"
|
|
},
|
|
"bg-label": {
|
|
"type": "Text",
|
|
"left": 430, "top": 330,
|
|
"text": "TOP-DOWN GAME VIEW\n(fog of perception, entities, tiles)",
|
|
"fontColor": "#333340",
|
|
"fontSize": 14
|
|
},
|
|
"minimap-frame": {
|
|
"type": "Rectangle",
|
|
"left": 880, "top": 16, "width": 244, "height": 244,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [4, 4, 4, 4]
|
|
},
|
|
"minimap-inner": {
|
|
"type": "Rectangle",
|
|
"left": 892, "top": 28, "width": 220, "height": 220,
|
|
"fillColor": "#1a1e24",
|
|
"strokeColor": "#2a3040",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"minimap-player-dot": {
|
|
"type": "Ellipse",
|
|
"left": 994, "top": 130, "width": 8, "height": 8,
|
|
"fillColor": "#e0e8ff",
|
|
"strokeColor": "#c8d0e0"
|
|
},
|
|
"minimap-poi-dot-1": {
|
|
"type": "Ellipse",
|
|
"left": 1040, "top": 100, "width": 6, "height": 6,
|
|
"fillColor": "#4a9ebb",
|
|
"strokeColor": "#4a9ebb"
|
|
},
|
|
"minimap-poi-dot-2": {
|
|
"type": "Ellipse",
|
|
"left": 950, "top": 160, "width": 6, "height": 6,
|
|
"fillColor": "#6bc9a6",
|
|
"strokeColor": "#6bc9a6"
|
|
},
|
|
"minimap-header": {
|
|
"type": "Text",
|
|
"left": 886, "top": 17,
|
|
"text": "INSERT // SOVA TRANSIT DISTRICT",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 11
|
|
},
|
|
"minimap-annotation": {
|
|
"type": "Text",
|
|
"left": 886, "top": 256,
|
|
"text": "Dots = known entities by relationship color",
|
|
"fontColor": "#556677",
|
|
"fontSize": 10
|
|
},
|
|
"time-display": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 16, "width": 120, "height": 32,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"time-text": {
|
|
"type": "Text",
|
|
"left": 24, "top": 24,
|
|
"text": "07:42 // DAY 1",
|
|
"fontColor": "#c8d0e0",
|
|
"fontSize": 12
|
|
},
|
|
"stance-indicator": {
|
|
"type": "Rectangle",
|
|
"left": 16, "top": 56, "width": 80, "height": 24,
|
|
"fillColor": "#12141a",
|
|
"strokeColor": "#333340",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"stance-text": {
|
|
"type": "Text",
|
|
"left": 24, "top": 62,
|
|
"text": "WALK",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 11
|
|
},
|
|
"hint-bar": {
|
|
"type": "Rectangle",
|
|
"left": 0, "top": 728, "width": 1140, "height": 32,
|
|
"fillColor": "#0e1218",
|
|
"strokeColor": "#333340"
|
|
},
|
|
"hint-interact": {
|
|
"type": "Text",
|
|
"left": 20, "top": 736,
|
|
"text": "[E] Interact",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 11
|
|
},
|
|
"hint-stance": {
|
|
"type": "Text",
|
|
"left": 140, "top": 736,
|
|
"text": "[Shift] Sprint [Alt] Careful [Ctrl] Crouch",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 11
|
|
},
|
|
"hint-insert": {
|
|
"type": "Text",
|
|
"left": 460, "top": 736,
|
|
"text": "[Tab] Toggle Insert",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 11
|
|
},
|
|
"hint-rmb": {
|
|
"type": "Text",
|
|
"left": 640, "top": 736,
|
|
"text": "[RMB] World Menu",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 11
|
|
},
|
|
"hint-pause": {
|
|
"type": "Text",
|
|
"left": 820, "top": 736,
|
|
"text": "[Esc] Pause",
|
|
"fontColor": "#8899aa",
|
|
"fontSize": 11
|
|
},
|
|
"hint-annotation": {
|
|
"type": "Text",
|
|
"left": 940, "top": 736,
|
|
"text": "v0.1 scope: hints bar",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"monologue-area": {
|
|
"type": "Rectangle",
|
|
"left": 200, "top": 630, "width": 740, "height": 60,
|
|
"fillColor": "#0a0c10",
|
|
"strokeColor": "#222830",
|
|
"corners": [2, 2, 2, 2]
|
|
},
|
|
"monologue-text": {
|
|
"type": "Text",
|
|
"left": 212, "top": 642, "width": 716,
|
|
"text": "Footsteps behind me. Two people, unhurried. Shift workers, probably.",
|
|
"fontColor": "#d0d4e0",
|
|
"fontSize": 13,
|
|
"wordWrap": true
|
|
},
|
|
"monologue-annotation": {
|
|
"type": "Text",
|
|
"left": 200, "top": 696,
|
|
"text": "Monologue floats above dialogue box — z-layer 7 — no container chrome in full art",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
},
|
|
"annotation-title": {
|
|
"type": "Text",
|
|
"left": 16, "top": 700,
|
|
"text": "v0.1 BASIC INSERT HUD",
|
|
"fontColor": "#556677",
|
|
"fontSize": 11
|
|
},
|
|
"annotation-scope": {
|
|
"type": "Text",
|
|
"left": 16, "top": 715,
|
|
"text": "Minimal chrome: minimap, time, stance, monologue, hints",
|
|
"fontColor": "#3a4455",
|
|
"fontSize": 10
|
|
}
|
|
}
|
|
}
|