salmon-engine-projects/space-game001
14
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Working on phone messages

Browse Source
This commit is contained in:
Vladislav Khorev 2026-05-30 21:27:25 +03:00
parent cdab525858
commit 9425f9b19a
20 changed files with 591 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
UI.md
View File

@ -26,6 +26,7 @@ These properties are available on every node type.
| `height` | float \| `"match_parent"` | `0` | Height in virtual pixels | | `height` | float \| `"match_parent"` | `0` | Height in virtual pixels |
| `horizontal_gravity` | `"left"` \| `"center"` \| `"right"` | `"left"` | Positions the node horizontally inside a **FrameLayout** parent | | `horizontal_gravity` | `"left"` \| `"center"` \| `"right"` | `"left"` | Positions the node horizontally inside a **FrameLayout** parent |
| `vertical_gravity` | `"bottom"` \| `"center"` \| `"top"` | `"bottom"` | Positions the node vertically inside a **FrameLayout** parent | | `vertical_gravity` | `"bottom"` \| `"center"` \| `"top"` | `"bottom"` | Positions the node vertically inside a **FrameLayout** parent |
| `visible` | bool | `true` | Whether the node (and all its children) are rendered and interactive. Can be toggled at runtime via `setNodeVisible` |
--- ---
@ -343,6 +344,12 @@ A non-interactive image. Supports optional fade-in and pulse-scale animations.
| `pulse.maxScale` | float | `1.1` | Maximum scale during the pulse cycle | | `pulse.maxScale` | float | `1.1` | Maximum scale during the pulse cycle |
| `pulse.periodMs` | float | `1000` | Duration of one full pulse cycle in milliseconds | | `pulse.periodMs` | float | `1000` | Duration of one full pulse cycle in milliseconds |
**C++ pop-in animation** (scales the node from 0 → 1, ease-out quad):
```cpp
uiManager.startPopIn("background", 300.0f); // duration in milliseconds
```
Typically called immediately after making a node visible. The node is automatically removed from the animation list when the scale reaches 1.
--- ---
## Animations ## Animations
@ -433,9 +440,58 @@ uiManager.setNodeVisible("hint5", false);
bool visible = uiManager.getNodeVisible("hint5"); bool visible = uiManager.getNodeVisible("hint5");
``` ```
### Pop-in animation
Scales a node from 0 to 1 using an ease-out curve. Useful for chat bubble reveals and similar "appear" effects.
```cpp
uiManager.startPopIn("messageBubble", 300.0f); // node name, duration ms
```
Set the node's `scaleX`/`scaleY` to `0` and call `setNodeVisible` before calling `startPopIn` to avoid a one-frame flash at full size.
### Dynamic node repositioning
`node->localY` (and `localX`) can be modified directly on a node pointer, then a layout recalculation applied:
```cpp
auto node = uiManager.findNode("messageBubble");
node->localY = 350.0f; // new bottom-Y (for vertical_gravity: bottom nodes)
uiManager.updateAllLayouts(); // recomputes screenRect and rebuilds meshes
```
This is how the phone chat manager repositions bubbles as new messages arrive.
### Per-frame update ### Per-frame update
```cpp ```cpp
uiManager.update(deltaMs); // advance animations and fade-ins uiManager.update(deltaMs); // advance animations and fade-ins
uiManager.draw(renderer); // render everything uiManager.draw(renderer); // render everything
``` ```
---
## Dialogue → UI integration (phone chat bubbles)
Dialogue nodes in JSON can carry a `"bubbleSlot"` field naming a `StaticImage` UI node. When the dialogue runtime presents that line, it fires the `onBubbleSlotReady` callback with the slot name, which the game uses to reveal the corresponding bubble image.
```json
{
"id": "line_1",
"type": "Line",
"speaker": "Айпери",
"text": "...",
"next": "line_2",
"bubbleSlot": "message01in"
}
```
Lines without `"bubbleSlot"` (or with an empty value) do not trigger any UI change — useful for internal monologue lines that have no corresponding chat image.
**C++ wiring:**
```cpp
dialogueSystem.setOnBubbleSlotReady([](const std::string& slotName) {
// slotName == "message01in" etc.
menuManager.revealPhoneChatBubble(slotName);
});
```

137
resources/dialogue/dorm_dialogues.json
View File

@ -35,6 +35,143 @@
"type": "End" "type": "End"
} }
] ]
},
{
"id": "dialog_chat_parents001",
"start": "line_1",
"nodes": [
{
"id": "line_1",
"type": "Line",
"speaker": "Отец",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "Бекзат, мы тебе отправили немного денег, постарайся прожить на эти деньги до конца недели!",
"next": "line_2",
"bubbleSlot": "message01in"
},
{
"id": "line_2",
"type": "Line",
"speaker": "Бекзат",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "Спасибо!",
"next": "end_1",
"bubbleSlot": "message02out"
},
{
"id": "end_1",
"type": "End"
}
]
},
{
"id": "dialog_chat_aiperi001",
"start": "line_1",
"nodes": [
{
"id": "line_1",
"type": "Line",
"speaker": "Айпери",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "Бекзат, помнишь мы скидывались на торт для Аиды Джаныбековой? Я тогда еще приносила скатерть, тарелки и нож для торта. И я до сих пор не получила назад ничего.",
"next": "line_2",
"bubbleSlot": "message01in"
},
{
"id": "line_2",
"type": "Line",
"speaker": "Бекзат",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "Скатерть и тарелки вроде бы лежат в студзоне.",
"next": "line_3",
"bubbleSlot": "message02out"
},
{
"id": "line_3",
"type": "Line",
"speaker": "Айпери",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "А нож?",
"next": "line_4",
"bubbleSlot": "message03in"
},
{
"id": "line_4",
"type": "Line",
"speaker": "Бекзат",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "Нож, наверное, так и остался в учительской.",
"next": "line_5",
"bubbleSlot": "message04out"
},
{
"id": "line_5",
"type": "Line",
"speaker": "Айпери",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "А давай не \"наверное\"?",
"next": "line_6",
"bubbleSlot": "message05in"
},
{
"id": "line_6",
"type": "Line",
"speaker": "Айпери",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "А давай ты приедешь в универ, зайдешь в учительскую, заберешь нож и отдашь мне?",
"next": "line_7",
"bubbleSlot": "message06in"
},
{
"id": "line_7",
"type": "Line",
"speaker": "Айпери",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "У вас сегодня как раз Аида ведет лекцию. После лекции попросишь у нее ключи от учительской и заберешь нож.",
"next": "line_8",
"bubbleSlot": "message07in"
},
{
"id": "line_8",
"type": "Line",
"speaker": "Бекзат",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "Почему ты сама не можешь забрать?",
"next": "line_9",
"bubbleSlot": "message08out"
},
{
"id": "line_9",
"type": "Line",
"speaker": "Айпери",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "Ты же знаешь, если я встречу Аиду, она 100% даст мне какое-нибудь сложное задание.",
"next": "line_10",
"bubbleSlot": "message09in"
},
{
"id": "line_10",
"type": "Line",
"speaker": "Айпери",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "И потом, это ты у меня брал нож, с чего я должна ходить искать его по всему универу?",
"next": "line_11",
"bubbleSlot": "message10in"
},
{
"id": "line_11",
"type": "Line",
"speaker": "Айпери",
"portrait": "resources/w/gg/gg2_s_podsvetkoy5.png",
"text": "Так что жду тебя в универе! Не вздумай прогулять!",
"next": "end_1",
"bubbleSlot": "message11in"
},
{
"id": "end_1",
"type": "End"
}
]
}, },
{ {
"id": "dialog_no_sleep001", "id": "dialog_no_sleep001",

BIN
resources/w/ui/img/phone/chat02_09in.png (Stored with Git LFS)
View File

Binary file not shown.

BIN
resources/w/ui/img/phone/chat02_10in.png (Stored with Git LFS)
View File

Binary file not shown.

BIN
resources/w/ui/img/phone/chat02_11in.png (Stored with Git LFS) Normal file
View File

Binary file not shown.

10
resources/w/ui/screen_phone_chat1.json
View File

@ -69,9 +69,10 @@
"width": 320.6, "width": 320.6,
"height": 103.6, "height": 103.6,
"x" : 430, "x" : 430,
"y" : 100, "y" : 506.4,
"horizontal_gravity": "left", "horizontal_gravity": "left",
"vertical_gravity": "top", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat01_01in.png" "texture": "resources/w/ui/img/phone/chat01_01in.png"
}, },
{ {
@ -80,9 +81,10 @@
"width": 116.2, "width": 116.2,
"height": 43.4, "height": 43.4,
"x" : 430, "x" : 430,
"y" : 203.6, "y" : 453,
"horizontal_gravity": "right", "horizontal_gravity": "right",
"vertical_gravity": "top", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat01_02out.png" "texture": "resources/w/ui/img/phone/chat01_02out.png"
} }
] ]

189
resources/w/ui/screen_phone_chat2 — копия.json Normal file
View File

@ -0,0 +1,189 @@
{
"root": {
"type": "FrameLayout",
"name": "hud_root",
"width": "match_parent",
"height": "match_parent",
"vertical_align": "center",
"horizontal_align": "center",
"children": [
{
"type": "Button",
"name": "phoneExitButton",
"horizontal_gravity": "center",
"vertical_gravity": "center",
"y": 0,
"width": "match_parent",
"height": "match_parent",
"textures": {
"normal": "resources/transparent.png",
"hover": "resources/transparent.png",
"pressed": "resources/transparent.png"
}
},
{
"type": "Button",
"name": "phoneMain",
"horizontal_gravity": "center",
"vertical_gravity": "center",
"y": -60,
"width": 617.4,
"height": 991.2,
"textures": {
"normal": "resources/w/ui/img/phone/PhoneChat001.png",
"hover": "resources/w/ui/img/phone/PhoneChat001.png",
"pressed": "resources/w/ui/img/phone/PhoneChat001.png"
}
},
{
"type": "StaticImage",
"name": "message01in",
"width": 320.6,
"height": 148.4,
"x" : 430,
"y" : 1097,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_01in.png"
},
{
"type": "StaticImage",
"name": "message02out",
"width": 320.6,
"height": 64.4,
"x" : 430,
"y" : 1022.6,
"horizontal_gravity": "right",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_02out.png"
},
{
"type": "StaticImage",
"name": "message03in",
"width": 103.6,
"height": 43.4,
"x" : 430,
"y" : 969.2,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_03in.png"
},
{
"type": "StaticImage",
"name": "message04out",
"width": 320.6,
"height": 64.4,
"x" : 430,
"y" : 894.8,
"horizontal_gravity": "right",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_04out.png"
},
{
"type": "StaticImage",
"name": "message05in",
"width": 243.6,
"height": 43.4,
"x" : 430,
"y" : 841.4,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_05in.png"
},
{
"type": "StaticImage",
"name": "message06in",
"width": 320.6,
"height": 85.4,
"x" : 430,
"y" : 746,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_06in.png"
},
{
"type": "StaticImage",
"name": "message07in",
"width": 320.6,
"height": 106.4,
"x" : 430,
"y" : 629.6,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_07in.png"
},
{
"type": "StaticImage",
"name": "message08out",
"width": 320.6,
"height": 64.4,
"x" : 430,
"y" : 555.2,
"horizontal_gravity": "right",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_08out.png"
},
{
"type": "StaticImage",
"name": "message09in",
"width": 320.6,
"height": 85.4,
"x" : 430,
"y" : 459.8,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_09in.png"
},
{
"type": "StaticImage",
"name": "message10in",
"width": 320.6,
"height": 85.4,
"x" : 430,
"y" : 364.4,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_10in.png"
},
{
"type": "StaticImage",
"name": "message11in",
"width": 320.6,
"height": 64.4,
"x" : 430,
"y" : 290,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_11in.png"
},
{
"type": "TextButton",
"name": "chatTitleButton",
"horizontal_gravity": "center",
"x": 0.0,
"y": 20.0,
"width": 446.25,
"height": 78.4,
"text": "Айпери",
"textPaddingY": 16.0,
"textPaddingX": 140.0,
"fontSize": 32,
"fontPath": "resources/fonts/DroidSans.ttf",
"textCentered": false,
"topAligned": true,
"wrap": true,
"color": [
1.0,
1.0,
1.0,
1.0
],
"textures": {
"normal": "resources/w/ui/img/phone/CharHeader001.png",
"hover": "resources/w/ui/img/phone/CharHeader001.png",
"pressed": "resources/w/ui/img/phone/CharHeader001.png"
}
}
]
}
}

42
resources/w/ui/screen_phone_chat2.json
View File

@ -41,9 +41,10 @@
"width": 320.6, "width": 320.6,
"height": 148.4, "height": 148.4,
"x" : 430, "x" : 430,
"y" : 991.6, "y" : 1097,
"horizontal_gravity": "left", "horizontal_gravity": "left",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_01in.png" "texture": "resources/w/ui/img/phone/chat02_01in.png"
}, },
{ {
@ -52,9 +53,10 @@
"width": 320.6, "width": 320.6,
"height": 64.4, "height": 64.4,
"x" : 430, "x" : 430,
"y" : 917.2, "y" : 1022.6,
"horizontal_gravity": "right", "horizontal_gravity": "right",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_02out.png" "texture": "resources/w/ui/img/phone/chat02_02out.png"
}, },
{ {
@ -63,9 +65,10 @@
"width": 103.6, "width": 103.6,
"height": 43.4, "height": 43.4,
"x" : 430, "x" : 430,
"y" : 863.8, "y" : 969.2,
"horizontal_gravity": "left", "horizontal_gravity": "left",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_03in.png" "texture": "resources/w/ui/img/phone/chat02_03in.png"
}, },
{ {
@ -74,9 +77,10 @@
"width": 320.6, "width": 320.6,
"height": 64.4, "height": 64.4,
"x" : 430, "x" : 430,
"y" : 789.4, "y" : 894.8,
"horizontal_gravity": "right", "horizontal_gravity": "right",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_04out.png" "texture": "resources/w/ui/img/phone/chat02_04out.png"
}, },
{ {
@ -85,9 +89,10 @@
"width": 243.6, "width": 243.6,
"height": 43.4, "height": 43.4,
"x" : 430, "x" : 430,
"y" : 746, "y" : 841.4,
"horizontal_gravity": "left", "horizontal_gravity": "left",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_05in.png" "texture": "resources/w/ui/img/phone/chat02_05in.png"
}, },
{ {
@ -96,9 +101,10 @@
"width": 320.6, "width": 320.6,
"height": 85.4, "height": 85.4,
"x" : 430, "x" : 430,
"y" : 650.6, "y" : 746,
"horizontal_gravity": "left", "horizontal_gravity": "left",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_06in.png" "texture": "resources/w/ui/img/phone/chat02_06in.png"
}, },
{ {
@ -107,9 +113,10 @@
"width": 320.6, "width": 320.6,
"height": 106.4, "height": 106.4,
"x" : 430, "x" : 430,
"y" : 534.2, "y" : 629.6,
"horizontal_gravity": "left", "horizontal_gravity": "left",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_07in.png" "texture": "resources/w/ui/img/phone/chat02_07in.png"
}, },
{ {
@ -118,9 +125,10 @@
"width": 320.6, "width": 320.6,
"height": 64.4, "height": 64.4,
"x" : 430, "x" : 430,
"y" : 459.8, "y" : 555.2,
"horizontal_gravity": "right", "horizontal_gravity": "right",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_08out.png" "texture": "resources/w/ui/img/phone/chat02_08out.png"
}, },
{ {
@ -129,21 +137,35 @@
"width": 320.6, "width": 320.6,
"height": 85.4, "height": 85.4,
"x" : 430, "x" : 430,
"y" : 364.4, "y" : 459.8,
"horizontal_gravity": "left", "horizontal_gravity": "left",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_09in.png" "texture": "resources/w/ui/img/phone/chat02_09in.png"
}, },
{ {
"type": "StaticImage", "type": "StaticImage",
"name": "message10in", "name": "message10in",
"width": 320.6, "width": 320.6,
"height": 85.4,
"x" : 430,
"y" : 364.4,
"horizontal_gravity": "left",
"vertical_gravity": "bottom",
"visible": false,
"texture": "resources/w/ui/img/phone/chat02_10in.png"
},
{
"type": "StaticImage",
"name": "message11in",
"width": 320.6,
"height": 64.4, "height": 64.4,
"x" : 430, "x" : 430,
"y" : 290, "y" : 290,
"horizontal_gravity": "left", "horizontal_gravity": "left",
"vertical_gravity": "bottom", "vertical_gravity": "bottom",
"texture": "resources/w/ui/img/phone/chat02_10in.png" "visible": false,
"texture": "resources/w/ui/img/phone/chat02_11in.png"
}, },
{ {
"type": "TextButton", "type": "TextButton",

24
src/Game.cpp
View File

@ -387,6 +387,18 @@ namespace ZL
menuManager.onItemPickedUp(itemId); menuManager.onItemPickedUp(itemId);
}; };
// Wire phone dialogue start function so MenuManager can trigger dialogues.
menuManager.startDialogueFunc = [this](const std::string& id) {
if (currentLocation) currentLocation->dialogueSystem.startDialogue(id);
};
// Wire bubble-slot callback so chat bubbles appear as dialogue lines are shown.
for (auto& [name, loc] : locations) {
loc->dialogueSystem.setOnBubbleSlotReady([this](const std::string& bubbleSlot) {
menuManager.revealPhoneChatBubble(bubbleSlot);
});
}
currentLocation = locations["location_dorm"]; currentLocation = locations["location_dorm"];
currentLocation->scriptEngine.callLocationEnterCallback(); currentLocation->scriptEngine.callLocationEnterCallback();
@ -705,6 +717,7 @@ namespace ZL
break; break;
case SDLK_f: case SDLK_f:
currentLocation->dialogueSystem.startDialogue("dialog_start001"); currentLocation->dialogueSystem.startDialogue("dialog_start001");
break; break;
case SDLK_e: case SDLK_e:
currentLocation->dialogueSystem.startCutscene("test_cutscene_01"); //.startDialogue("test_cutscene_pan_dialogue"); currentLocation->dialogueSystem.startCutscene("test_cutscene_01"); //.startDialogue("test_cutscene_pan_dialogue");
@ -940,8 +953,11 @@ namespace ZL
const int uiX = mx; const int uiX = mx;
const int uiY = Environment::projectionHeight - my; const int uiY = Environment::projectionHeight - my;
const bool dialogueActive = currentLocation && currentLocation->dialogueSystem.isActive();
if (!dialogueActive) {
menuManager.uiManager.onTouchDown(fingerId, uiX, uiY); menuManager.uiManager.onTouchDown(fingerId, uiX, uiY);
st.capturedByUi = menuManager.uiManager.isUiInteractionForFinger(fingerId); }
st.capturedByUi = !dialogueActive && menuManager.uiManager.isUiInteractionForFinger(fingerId);
activePointers[fingerId] = st; activePointers[fingerId] = st;
@ -972,7 +988,10 @@ namespace ZL
{ {
const int uiX = mx; const int uiX = mx;
const int uiY = Environment::projectionHeight - my; const int uiY = Environment::projectionHeight - my;
const bool dialogueActive = currentLocation && currentLocation->dialogueSystem.isActive();
if (!dialogueActive) {
menuManager.uiManager.onTouchUp(fingerId, uiX, uiY); menuManager.uiManager.onTouchUp(fingerId, uiX, uiY);
}
auto it = activePointers.find(fingerId); auto it = activePointers.find(fingerId);
if (it == activePointers.end()) return; if (it == activePointers.end()) return;
@ -1013,7 +1032,10 @@ namespace ZL
{ {
const int uiX = mx; const int uiX = mx;
const int uiY = Environment::projectionHeight - my; const int uiY = Environment::projectionHeight - my;
const bool dialogueActive = currentLocation && currentLocation->dialogueSystem.isActive();
if (!dialogueActive) {
menuManager.uiManager.onTouchMove(fingerId, uiX, uiY); menuManager.uiManager.onTouchMove(fingerId, uiX, uiY);
}
auto it = activePointers.find(fingerId); auto it = activePointers.find(fingerId);
if (it != activePointers.end()) { if (it != activePointers.end()) {

65
src/MenuManager.cpp
View File

@ -83,6 +83,7 @@ namespace ZL {
hudStep5abRoot = loadUiFromFile("resources/w/ui/hud_step5ab.json", renderer, zipFile); hudStep5abRoot = loadUiFromFile("resources/w/ui/hud_step5ab.json", renderer, zipFile);
//phoneScreenRoot = loadUiFromFile("resources/w/ui/screen_phone_chat_list.json", renderer, zipFile); //phoneScreenRoot = loadUiFromFile("resources/w/ui/screen_phone_chat_list.json", renderer, zipFile);
phoneScreenRoot = loadUiFromFile("resources/w/ui/screen_phone_chat2.json", renderer, zipFile); phoneScreenRoot = loadUiFromFile("resources/w/ui/screen_phone_chat2.json", renderer, zipFile);
//phoneScreenRoot = loadUiFromFile("resources/w/ui/screen_phone_chat1.json", renderer, zipFile);
newInventoryRoot = loadUiFromFile("resources/w/ui/screen_inventory.json", renderer, zipFile); newInventoryRoot = loadUiFromFile("resources/w/ui/screen_inventory.json", renderer, zipFile);
questJournalRoot = loadUiFromFile("resources/w/ui/screen_journal.json", renderer, zipFile); questJournalRoot = loadUiFromFile("resources/w/ui/screen_journal.json", renderer, zipFile);
@ -202,17 +203,19 @@ namespace ZL {
uiManager.setButtonCallback("phoneExitButton", [this](const std::string&) { uiManager.setButtonCallback("phoneExitButton", [this](const std::string&) {
closePhoneScreen(); closePhoneScreen();
}); });
uiManager.setButtonCallback("phoneMain", [this](const std::string&) { uiManager.setButtonCallback("phoneMain", [this](const std::string&) {});
//Keep the callback
});
uiManager.setTextButtonCallback("chat1button", [this](const std::string&) {
std::cout << "Hello test " << std::endl;
}); // Reset chat state and start the dialogue
phoneChatVisibleBubbles_.clear();
resetPhoneChatNodes();
if (startDialogueFunc) {
startDialogueFunc("dialog_chat_aiperi001");
}
} }
void MenuManager::closePhoneScreen() { void MenuManager::closePhoneScreen() {
state = GameState::Gameplay; state = GameState::Gameplay;
phoneChatVisibleBubbles_.clear();
uiManager.popMenu(); uiManager.popMenu();
} }
@ -412,4 +415,54 @@ namespace ZL {
refreshQuestJournalUi(); refreshQuestJournalUi();
} }
void MenuManager::resetPhoneChatNodes() {
static const char* kChatNodes[] = {
"message01in", "message02out", "message03in", "message04out",
"message05in", "message06in", "message07in", "message08out",
"message09in", "message10in", "message11in", nullptr
};
for (int i = 0; kChatNodes[i]; ++i) {
uiManager.setNodeVisible(kChatNodes[i], false);
auto n = uiManager.findNode(kChatNodes[i]);
if (n) { n->scaleX = 1.0f; n->scaleY = 1.0f; }
}
}
void MenuManager::recomputePhoneChatPositions() {
float totalHeight = 0.0f;
for (size_t i = 0; i < phoneChatVisibleBubbles_.size(); ++i) {
totalHeight += phoneChatVisibleBubbles_[i].height;
if (i > 0) totalHeight += CHAT_SPACING;
}
const float available = CHAT_TOP_Y - CHAT_BOTTOM_Y;
const float topY = (totalHeight <= available)
? CHAT_TOP_Y
: CHAT_BOTTOM_Y + totalHeight;
float cursor = topY;
for (auto& bubble : phoneChatVisibleBubbles_) {
auto node = uiManager.findNode(bubble.nodeName);
if (!node) continue;
node->localY = cursor - bubble.height;
cursor -= bubble.height + CHAT_SPACING;
}
uiManager.updateAllLayouts();
}
void MenuManager::revealPhoneChatBubble(const std::string& slotName) {
if (state != GameState::PhoneScreen) return;
auto node = uiManager.findNode(slotName);
if (!node) return;
// Zero scale before making visible to avoid a one-frame flash at full size
node->scaleX = 0.0f;
node->scaleY = 0.0f;
phoneChatVisibleBubbles_.push_back({slotName, node->height});
uiManager.setNodeVisible(slotName, true);
recomputePhoneChatPositions();
uiManager.startPopIn(slotName, 300.0f);
}
} // namespace ZL } // namespace ZL

17
src/MenuManager.h
View File

@ -50,6 +50,10 @@ namespace ZL {
void openPhoneScreen(); void openPhoneScreen();
void closePhoneScreen(); void closePhoneScreen();
void revealPhoneChatBubble(const std::string& slotName);
bool isPhoneScreenOpen() const { return state == GameState::PhoneScreen; }
std::function<void(const std::string&)> startDialogueFunc;
void advanceTutorialStep(); void advanceTutorialStep();
void onItemPickedUp(const std::string& itemId); void onItemPickedUp(const std::string& itemId);
@ -66,6 +70,8 @@ namespace ZL {
void selectInventoryItem(int index); void selectInventoryItem(int index);
void refreshItemPickupHud(); void refreshItemPickupHud();
void setupStep5Callbacks(); void setupStep5Callbacks();
void resetPhoneChatNodes();
void recomputePhoneChatPositions();
GameState state = GameState::Gameplay; GameState state = GameState::Gameplay;
Inventory* inventory = nullptr; Inventory* inventory = nullptr;
@ -96,6 +102,17 @@ namespace ZL {
int selectedQuestIndex = -1; int selectedQuestIndex = -1;
std::vector<std::string> visibleQuestIds; std::vector<std::string> visibleQuestIds;
// Phone chat state
struct PhoneChatBubbleInfo {
std::string nodeName;
float height;
};
std::vector<PhoneChatBubbleInfo> phoneChatVisibleBubbles_;
static constexpr float CHAT_TOP_Y = 610.0f;
static constexpr float CHAT_BOTTOM_Y = 290.0f;
static constexpr float CHAT_SPACING = 10.0f;
}; };
} // namespace ZL } // namespace ZL

35
src/UiManager.cpp
View File

@ -429,6 +429,7 @@ namespace ZL {
} }
if (j.contains("name")) node->name = j["name"].get<std::string>(); if (j.contains("name")) node->name = j["name"].get<std::string>();
if (j.contains("visible")) node->visible = j["visible"].get<bool>();
// 2. Читаем размеры во временные "локальные" поля // 2. Читаем размеры во временные "локальные" поля
// Это критически важно: мы не пишем сразу в screenRect, // Это критически важно: мы не пишем сразу в screenRect,
@ -825,6 +826,7 @@ namespace ZL {
textFields.clear(); textFields.clear();
staticImages.clear(); staticImages.clear();
pulsingNodes.clear(); pulsingNodes.clear();
popInNodes.clear();
collectButtonsAndSliders(root); collectButtonsAndSliders(root);
nodeActiveAnims.clear(); nodeActiveAnims.clear();
@ -1050,6 +1052,17 @@ namespace ZL {
); );
} }
void UiManager::startPopIn(const std::string& nodeName, float durationMs) {
auto node = findNode(nodeName);
if (!node) return;
node->scaleX = 0.0f;
node->scaleY = 0.0f;
node->popInActive = true;
node->popInProgress = 0.0f;
node->popInDurationMs = durationMs;
popInNodes.push_back(node);
}
void UiManager::collectButtonsAndSliders(const std::shared_ptr<UiNode>& node) { void UiManager::collectButtonsAndSliders(const std::shared_ptr<UiNode>& node) {
if (node->button) { if (node->button) {
buttons.push_back(node->button); buttons.push_back(node->button);
@ -1188,6 +1201,7 @@ namespace ZL {
prev.pressedSliders = pressedSliders; prev.pressedSliders = pressedSliders;
prev.focusedTextField = focusedTextField; prev.focusedTextField = focusedTextField;
prev.path = ""; prev.path = "";
prev.popInNodes = popInNodes;
prev.animCallbacks = animCallbacks; prev.animCallbacks = animCallbacks;
@ -1246,6 +1260,7 @@ namespace ZL {
textFields = s.textFields; textFields = s.textFields;
staticImages = s.staticImages; staticImages = s.staticImages;
pulsingNodes = s.pulsingNodes; pulsingNodes = s.pulsingNodes;
popInNodes = s.popInNodes;
pressedButtons = s.pressedButtons; pressedButtons = s.pressedButtons;
pressedTextButtons = s.pressedTextButtons; pressedTextButtons = s.pressedTextButtons;
pressedSliders = s.pressedSliders; pressedSliders = s.pressedSliders;
@ -1381,6 +1396,26 @@ namespace ZL {
node->scaleY = s; node->scaleY = s;
} }
// Pop-in scale animations (scale 0 → 1 on bubble reveal)
for (auto& node : popInNodes) {
if (!node || !node->popInActive) continue;
node->popInProgress += deltaMs / node->popInDurationMs;
if (node->popInProgress >= 1.0f) {
node->popInProgress = 1.0f;
node->popInActive = false;
node->scaleX = 1.0f;
node->scaleY = 1.0f;
} else {
// ease-out quad
const float t = node->popInProgress;
const float s = 1.0f - (1.0f - t) * (1.0f - t);
node->scaleX = s;
node->scaleY = s;
}
}
popInNodes.erase(std::remove_if(popInNodes.begin(), popInNodes.end(),
[](const auto& n) { return !n || !n->popInActive; }), popInNodes.end());
std::vector<std::pair<std::shared_ptr<UiNode>, size_t>> animationsToRemove; std::vector<std::pair<std::shared_ptr<UiNode>, size_t>> animationsToRemove;
std::vector<std::function<void()>> pendingCallbacks; std::vector<std::function<void()>> pendingCallbacks;

8
src/UiManager.h
View File

@ -272,6 +272,11 @@ namespace ZL {
float pulsePeriodMs = 1000.0f; float pulsePeriodMs = 1000.0f;
float pulseElapsedMs = 0.0f; // runtime, not persisted in JSON float pulseElapsedMs = 0.0f; // runtime, not persisted in JSON
// Pop-in scale animation (scale 0→1 on first reveal)
bool popInActive = false;
float popInProgress = 0.0f; // 0..1
float popInDurationMs = 300.0f;
// Иерархия // Иерархия
std::vector<std::shared_ptr<UiNode>> children; std::vector<std::shared_ptr<UiNode>> children;
@ -406,6 +411,7 @@ namespace ZL {
bool stopAnimationOnNode(const std::string& nodeName, const std::string& animName); bool stopAnimationOnNode(const std::string& nodeName, const std::string& animName);
bool setAnimationCallback(const std::string& nodeName, const std::string& animName, std::function<void()> cb); bool setAnimationCallback(const std::string& nodeName, const std::string& animName, std::function<void()> cb);
void updateAllLayouts(); void updateAllLayouts();
void startPopIn(const std::string& nodeName, float durationMs = 300.0f);
std::shared_ptr<UiNode> findNode(const std::string& name); std::shared_ptr<UiNode> findNode(const std::string& name);
@ -448,6 +454,7 @@ namespace ZL {
std::vector<std::shared_ptr<UiTextField>> textFields; std::vector<std::shared_ptr<UiTextField>> textFields;
std::vector<std::shared_ptr<UiStaticImage>> staticImages; std::vector<std::shared_ptr<UiStaticImage>> staticImages;
std::vector<std::shared_ptr<UiNode>> pulsingNodes; std::vector<std::shared_ptr<UiNode>> pulsingNodes;
std::vector<std::shared_ptr<UiNode>> popInNodes;
std::map<std::shared_ptr<UiNode>, std::vector<ActiveAnim>> nodeActiveAnims; std::map<std::shared_ptr<UiNode>, std::vector<ActiveAnim>> nodeActiveAnims;
std::map<std::pair<std::string, std::string>, std::function<void()>> animCallbacks; // key: (nodeName, animName) std::map<std::pair<std::string, std::string>, std::function<void()>> animCallbacks; // key: (nodeName, animName)
@ -467,6 +474,7 @@ namespace ZL {
std::vector<std::shared_ptr<UiTextField>> textFields; std::vector<std::shared_ptr<UiTextField>> textFields;
std::vector<std::shared_ptr<UiStaticImage>> staticImages; std::vector<std::shared_ptr<UiStaticImage>> staticImages;
std::vector<std::shared_ptr<UiNode>> pulsingNodes; std::vector<std::shared_ptr<UiNode>> pulsingNodes;
std::vector<std::shared_ptr<UiNode>> popInNodes;
std::map<int64_t, std::shared_ptr<UiButton>> pressedButtons; std::map<int64_t, std::shared_ptr<UiButton>> pressedButtons;
std::map<int64_t, std::shared_ptr<UiTextButton>> pressedTextButtons; std::map<int64_t, std::shared_ptr<UiTextButton>> pressedTextButtons;
std::map<int64_t, std::shared_ptr<UiSlider>> pressedSliders; std::map<int64_t, std::shared_ptr<UiSlider>> pressedSliders;

1
src/dialogue/DialogueDatabase.cpp
View File

@ -105,6 +105,7 @@ Node DialogueDatabase::parseNode(const json& j) {
node.falseNext = j.value("falseNext", ""); node.falseNext = j.value("falseNext", "");
node.cutsceneId = j.value("cutsceneId", ""); node.cutsceneId = j.value("cutsceneId", "");
node.luaCallback = j.value("luaCallback", ""); node.luaCallback = j.value("luaCallback", "");
node.bubbleSlot = j.value("bubbleSlot", "");
if (j.contains("conditions") && j["conditions"].is_array()) { if (j.contains("conditions") && j["conditions"].is_array()) {
for (const auto& item : j["conditions"]) { for (const auto& item : j["conditions"]) {

7
src/dialogue/DialogueRuntime.cpp
View File

@ -81,6 +81,10 @@ void DialogueRuntime::setOnCutsceneFadeInComplete(std::function<void(const std::
onCutsceneFadeInComplete = std::move(cb); onCutsceneFadeInComplete = std::move(cb);
} }
void DialogueRuntime::setOnBubbleSlotReady(std::function<void(const std::string&)> cb) {
onBubbleSlotReady = std::move(cb);
}
void DialogueRuntime::stop() { void DialogueRuntime::stop() {
activeDialogue = nullptr; activeDialogue = nullptr;
activeCutscene = nullptr; activeCutscene = nullptr;
@ -431,6 +435,9 @@ void DialogueRuntime::presentLine(const Node& node) {
if (!node.luaCallback.empty() && onDialogueLineStarted) { if (!node.luaCallback.empty() && onDialogueLineStarted) {
onDialogueLineStarted(node.luaCallback); onDialogueLineStarted(node.luaCallback);
} }
if (!node.bubbleSlot.empty() && onBubbleSlotReady) {
onBubbleSlotReady(node.bubbleSlot);
}
} }
void DialogueRuntime::presentChoices(const Node& node) { void DialogueRuntime::presentChoices(const Node& node) {

2
src/dialogue/DialogueRuntime.h
View File

@ -22,6 +22,7 @@ public:
void setOnDialogueLineStarted(std::function<void(const std::string&)> cb); void setOnDialogueLineStarted(std::function<void(const std::string&)> cb);
void setOnCutsceneLineStarted(std::function<void(const std::string&)> cb); void setOnCutsceneLineStarted(std::function<void(const std::string&)> cb);
void setOnCutsceneFadeInComplete(std::function<void(const std::string&)> cb); void setOnCutsceneFadeInComplete(std::function<void(const std::string&)> cb);
void setOnBubbleSlotReady(std::function<void(const std::string&)> cb);
void stop(); void stop();
void update(int deltaMs); void update(int deltaMs);
@ -56,6 +57,7 @@ private:
std::function<void(const std::string&)> onDialogueLineStarted; std::function<void(const std::string&)> onDialogueLineStarted;
std::function<void(const std::string&)> onCutsceneLineStarted; std::function<void(const std::string&)> onCutsceneLineStarted;
std::function<void(const std::string&)> onCutsceneFadeInComplete; std::function<void(const std::string&)> onCutsceneFadeInComplete;
std::function<void(const std::string&)> onBubbleSlotReady;
std::string activeCutsceneId; std::string activeCutsceneId;
bool fadeInCallbackFired = false; bool fadeInCallbackFired = false;

4
src/dialogue/DialogueSystem.cpp
View File

@ -140,6 +140,10 @@ void DialogueSystem::setOnCutsceneFadeInComplete(std::function<void(const std::s
runtime.setOnCutsceneFadeInComplete(std::move(cb)); runtime.setOnCutsceneFadeInComplete(std::move(cb));
} }
void DialogueSystem::setOnBubbleSlotReady(std::function<void(const std::string&)> cb) {
runtime.setOnBubbleSlotReady(std::move(cb));
}
void DialogueSystem::stopDialogue() { void DialogueSystem::stopDialogue() {
runtime.stop(); runtime.stop();
} }

1
src/dialogue/DialogueSystem.h
View File

@ -27,6 +27,7 @@ public:
void setOnDialogueLineStarted(std::function<void(const std::string&)> cb); void setOnDialogueLineStarted(std::function<void(const std::string&)> cb);
void setOnCutsceneLineStarted(std::function<void(const std::string&)> cb); void setOnCutsceneLineStarted(std::function<void(const std::string&)> cb);
void setOnCutsceneFadeInComplete(std::function<void(const std::string&)> cb); void setOnCutsceneFadeInComplete(std::function<void(const std::string&)> cb);
void setOnBubbleSlotReady(std::function<void(const std::string&)> cb);
void setOnDialogueAdvanced(std::function<void()> cb); void setOnDialogueAdvanced(std::function<void()> cb);
void stopDialogue(); void stopDialogue();

3
src/dialogue/DialogueTypes.h
View File

@ -96,6 +96,9 @@ struct Node {
// For CutsceneStart // For CutsceneStart
std::string cutsceneId; std::string cutsceneId;
// Name of the UI node (StaticImage) to reveal in the phone chat when this line is shown
std::string bubbleSlot;
}; };
struct DialogueDefinition { struct DialogueDefinition {

1
src/items/Item.cpp
View File

@ -24,4 +24,5 @@ namespace ZL {
[&itemId](const Item& item) { return item.id == itemId; }) != items.end(); [&itemId](const Item& item) { return item.id == itemId; }) != items.end();
} }
} // namespace ZL } // namespace ZL