DESKTOP-2K5TJI4\admin
297 lines
10 KiB
Markdown
297 lines
10 KiB
Markdown
# 环境交互系统 — 设计文档
|
||
|
||
> 对应程序实现：交互组件基类、交互检测、UI 提示系统
|
||
|
||
---
|
||
|
||
## 设计目标
|
||
|
||
让玩家通过"触碰"来感知这个世界——每一个可交互的物体都是一段记忆的入口。交互系统是 v0.1 的核心体验，它决定了玩家能否真正"活"在这个场景中。
|
||
|
||
---
|
||
|
||
## 交互类型
|
||
|
||
### 1. 观察（Examine） — 最核心的交互
|
||
|
||
**用途**: 查看物品或场景，触发主角的内心独白
|
||
|
||
**触发流程**: 走进触发范围（1.5m）→ 物体上方浮现提示 `[E] 查看旧冰箱` → 按 E 触发
|
||
|
||
**触发后表现**:
|
||
1. 相机从当前第三人称位置**平滑推向物体前方**约 0.8-1m，高度略低于物体中心（微仰视），推镜约 0.5 秒，ease-out 缓动
|
||
2. 角色自动转向物体（不锁定移动，可微调位置但不能跑开）
|
||
3. 相机到位后 0.2 秒，屏幕底部浮现内心独白文案（打字机效果，每字约 0.05 秒）
|
||
4. 按 E 或 ESC 关闭：文案淡出，相机 0.3 秒回到默认第三人称位置
|
||
|
||
**文案风格示例**:
|
||
```
|
||
[旧冰箱]
|
||
夏天的时候最期待打开冰箱的那一刻。
|
||
冰棒、西瓜、偶尔还有一瓶健力宝。
|
||
现在想起来，那个冰箱的嗡嗡声好像还在耳边。
|
||
|
||
[墙上的涂鸦]
|
||
不知道是谁画的，但画得还挺像奥特曼的。
|
||
我以前也想在墙上画，被我妈追着打了半条街。
|
||
|
||
[地上的弹珠]
|
||
一颗彩色花纹的弹珠，大概是哪个小孩掉的。
|
||
我以前也丢过最喜欢的那颗，找了整个下午都没找到。
|
||
```
|
||
|
||
**设计原则**:
|
||
- 每个观察文本都是一个独立的"微叙事"
|
||
- 文字简短（2-4句），不冗长
|
||
- 带有情感但不矫情
|
||
- 用孩子的视角看世界，不是大人回望
|
||
|
||
### 2. 拾取（Pick Up）
|
||
|
||
**用途**: 收集场景中散落的小物品
|
||
|
||
**触发流程**: 走近拾取品（1.5m）→ 物品上方浮现提示 `[E] 拾取 弹珠` → 按 E 触发
|
||
|
||
**触发后表现**:
|
||
1. 相机**不动**，保持第三人称视角
|
||
2. 角色播放弯腰拾取动画（约 1 秒）
|
||
3. 动画播放至"手碰到物品"时间点，物品从场景消失
|
||
4. 右上角弹出物品获得提示（图标 + 名称），1.5 秒后自动淡出
|
||
5. 收集计数 +1，自动结束（无需手动关闭）
|
||
|
||
**v0.1 可拾取物品**:
|
||
- 弹珠（不同花色）
|
||
- 小石子
|
||
- 橡皮擦
|
||
- 糖纸
|
||
- 水浒卡碎片
|
||
|
||
### 3. 操作（Operate）
|
||
|
||
**用途**: 与场景设施或大型物体交互
|
||
|
||
**触发流程**: 走近操作对象（1.5m）→ 对象上方浮现提示 `[E] 打开门` → 按 E 触发
|
||
|
||
**触发后表现**（通用模式）:
|
||
1. 相机推向操作对象（同观察类型的推镜方式）
|
||
2. 角色播放对应操作动画
|
||
3. 操作完成后触发状态变化
|
||
4. 相机回到默认位置
|
||
|
||
**v0.1 操作对象及具体表现**:
|
||
|
||
| 操作对象 | 推镜 | 角色动画 | 结果 |
|
||
|----------|------|----------|------|
|
||
| 门（家/小卖部） | 不推镜 | 角色伸手推门 | 门状态切换（开↔关），开门后可走进去 |
|
||
| 废纸箱（翻找） | 推近纸箱 | 角色弯腰翻找 | 弹出翻找结果文本，或意外发现拾取品 |
|
||
|
||
**v0.1 操作交互对象**:
|
||
- 家的门（进出）
|
||
- 小卖部门（进出）
|
||
- 公用电话亭（观察 + 对话文本）
|
||
- 水塘边的石头（可以打水漂？v0.2）
|
||
|
||
### 4. 对话（Talk） — v0.1 简化版
|
||
|
||
**用途**: 与场景中的 NPC 交谈
|
||
|
||
**触发流程**: 走近 NPC（1.5m）→ NPC 上方浮现提示 `[E] 和老板说话` → 按 E 触发
|
||
|
||
**v0.1 简化方案**:
|
||
- v0.1 不实现完整对话系统
|
||
- NPC 本质上是"会说话的观察对象"，交互表现与观察类型一致
|
||
- 触发后：相机推向 NPC → 底部浮现场景描述文本（非内心独白）
|
||
- 例如：走近小卖部老板 → 相机推向老板 → "老板正在柜台后面打瞌睡，电视里放着还珠格格。"
|
||
- 按 E/ESC 关闭，相机回位
|
||
- 后续版本再加入对话树和分支
|
||
|
||
---
|
||
|
||
## 交互提示 UI
|
||
|
||
### 可交互性提示（两级机制）
|
||
|
||
**远距离（3-4m 外）**：无 UI 提示，靠场景设计引导注意力
|
||
- 可交互物体的摆放位置有"意图感"，不会靠墙角挤成一堆，放在玩家容易注意到的位置
|
||
- 拾取品有**微弱的地面光斑/小光点**，暗示"这里有东西"（融入夏日阳光氛围，不违和）
|
||
|
||
**近距离（1.5m 内，触发范围）**：物体上方浮现交互提示 UI
|
||
- 多个物体在范围内时，只显示最近的那个
|
||
- 角色离开触发半径时提示消失
|
||
|
||
### 提示样式
|
||
|
||
### 提示样式
|
||
|
||
```
|
||
┌─────────────────────────┐
|
||
│ [E] 查看旧冰箱 │
|
||
└─────────────────────────┘
|
||
```
|
||
|
||
- 位置：物体上方偏移（屏幕空间投影）
|
||
- 字体：简洁的中文字体，白色带轻微描边
|
||
- 图标：交互键（E）+ 动作词（查看/拾取/打开）
|
||
- 过渡：淡入淡出（0.2秒）
|
||
|
||
### 交互类型图标
|
||
| 类型 | 图标文字 | 颜色 |
|
||
|------|----------|------|
|
||
| 观察 | 🔍 查看 | 白色 |
|
||
| 拾取 | ✋ 拾取 | 黄色 |
|
||
| 操作 | 🖐 打开 | 白色 |
|
||
|
||
---
|
||
|
||
## 交互后的叙事文本 UI
|
||
|
||
### 显示位置
|
||
- 屏幕下方居中，半透明背景条
|
||
- 不遮挡主视角
|
||
|
||
### 样式
|
||
```
|
||
╭──────────────────────────────────────────╮
|
||
│ │
|
||
│ 夏天的时候最期待打开冰箱的那一刻。 │
|
||
│ 冰棒、西瓜、偶尔还有一瓶健力宝。 │
|
||
│ │
|
||
│ [E] 关闭 │
|
||
╰──────────────────────────────────────────╯
|
||
```
|
||
|
||
- 背景：半透明黑色（透明度约60%）
|
||
- 文字：白色，逐字出现（打字机效果，每字约0.05秒）
|
||
- 按 E 或 ESC 关闭文本
|
||
- 文本显示期间角色可以缓慢移动（不硬锁定）
|
||
|
||
---
|
||
|
||
## 交互对象数据结构
|
||
|
||
每个可交互物体需要以下信息：
|
||
|
||
```json
|
||
{
|
||
"id": "fridge_home",
|
||
"name": "旧冰箱",
|
||
"type": "examine",
|
||
"triggerRadius": 1.5,
|
||
"interactText": "查看旧冰箱",
|
||
"narrativeText": [
|
||
"夏天的时候最期待打开冰箱的那一刻。",
|
||
"冰棒、西瓜、偶尔还有一瓶健力宝。",
|
||
"现在想起来，那个冰箱的嗡嗡声好像还在耳边。"
|
||
],
|
||
"oneShot": false
|
||
}
|
||
```
|
||
|
||
- `oneShot: true` 表示只触发一次（如拾取物品、一次性事件）
|
||
- `oneShot: false` 表示可反复交互（如观察类），但文本可以随机变化
|
||
|
||
---
|
||
|
||
## v0.1 交互对象清单
|
||
|
||
按场景区域划分（配合 scene-v01-suburban.md）：
|
||
|
||
### 家
|
||
| ID | 名称 | 类型 | 描述 |
|
||
|---|---|---|---|
|
||
| fridge_home | 旧冰箱 | 观察 | 夏天的冰箱记忆 |
|
||
| tv_home | 老式电视 | 观察 | 大脑袋电视，天线要调 |
|
||
| bed_home | 我的床 | 观察 | 床底下的宝藏箱 |
|
||
| desk_home | 书桌 | 观察 | 没写完的暑假作业 |
|
||
| calendar_home | 日历 | 观察 | 圈着"开学的日期"，被划掉了又画上 |
|
||
|
||
### 小卖部
|
||
| ID | 名称 | 类型 | 描述 |
|
||
|---|---|---|---|
|
||
| door_shop | 小卖部门 | 操作 | 进出小卖部 |
|
||
| shelf_snack | 零食货架 | 观察 | 辣条、泡泡糖、干脆面…… |
|
||
| shelf_drink | 冰柜 | 观察 | 健力宝、北冰洋、袋装冰 |
|
||
| owner_shop | 老板 | 观察（NPC） | 打瞌睡的老板和电视声 |
|
||
| card_rack | 卡片架 | 观察 | 水浒卡、数码宝贝卡片 |
|
||
|
||
### 街道
|
||
| ID | 名称 | 类型 | 描述 |
|
||
|---|---|---|---|
|
||
| phone_booth | 公用电话亭 | 观察 | IC卡电话的回忆 |
|
||
| bike_street | 老式自行车 | 观察 | 爸爸的永久牌 |
|
||
| laundry | 晾衣杆 | 观察 | 满院子飘着的衣服 |
|
||
| wall_graffiti | 墙上的涂鸦 | 观察 | 不知谁画的奥特曼 |
|
||
| manhole | 下水道盖 | 观察 | 弹珠掉进去的声音 |
|
||
|
||
### 空地
|
||
| ID | 名称 | 类型 | 描述 |
|
||
|---|---|---|---|
|
||
| ground_marble | 散落的弹珠 | 拾取 | 彩色花纹弹珠 |
|
||
| ground_card | 水浒卡碎片 | 拾取 | 被踩脏的卡片 |
|
||
| ground_stone | 小石子 | 拾取 | 打水漂用的石头 |
|
||
| tree_empty | 大树 | 观察 | 爬不上去的梧桐树 |
|
||
| puddle | 水坑 | 观察 | 昨天下的雨还没干 |
|
||
|
||
### 巷子
|
||
| ID | 名称 | 类型 | 描述 |
|
||
|---|---|---|---|
|
||
| cat_alley | 流浪猫 | 观察 | 巷子深处的猫 |
|
||
| window_alley | 老窗户 | 观察 | 窗台上的花盆 |
|
||
| box_alley | 废纸箱 | 操作（翻找） | 可能藏着好东西 |
|
||
| spider_alley | 蜘蛛网 | 观察 | 角落里的蛛网 |
|
||
|
||
### 水塘边
|
||
| ID | 名称 | 类型 | 描述 |
|
||
|---|---|---|---|
|
||
| pond_edge | 水塘 | 观察 | 水面倒映着天空 |
|
||
| frog_pond | 青蛙 | 观察 | 荷叶上的青蛙 |
|
||
| reed_pond | 芦苇 | 观察 | 风吹过的沙沙声 |
|
||
| ground_wrapper | 糖纸 | 拾取 | 彩色的糖纸 |
|
||
| ground_eraser | 橡皮擦 | 拾取 | 用了一半的橡皮 |
|
||
|
||
---
|
||
|
||
## 白盒方案
|
||
|
||
v0.1 使用近似占位模型而非纯不可见触发区域，以便调试相机推镜距离、空间关系和交互体验。
|
||
|
||
**原则**:
|
||
- 找免费 lowpoly 模型或 UE Marketplace 免费素材，形状和比例大致对即可
|
||
- 冰箱用方箱子、自行车用简单两轮模型，不要求贴图精确
|
||
- 后续美术阶段替换为正式资产
|
||
|
||
**交互物占位模型需求**:
|
||
|
||
| 区域 | 交互物 | 占位模型建议 |
|
||
|------|--------|------------|
|
||
| 家 | 旧冰箱 | 白色方箱子（~1.7m 高） |
|
||
| 家 | 老式电视 | 方箱 + 凸起背部（~0.5m 高） |
|
||
| 家 | 书桌 | 长方体桌面 + 四腿（~0.75m 高） |
|
||
| 家 | 日历 | 薄长方体贴墙（~0.4m 高） |
|
||
| 家 | 床 | 扁平长方体（~0.5m 高） |
|
||
| 小卖部 | 零食货架 | 多层架结构（~1.8m 高） |
|
||
| 小卖部 | 冰柜 | 矮宽方箱（~0.9m 高） |
|
||
| 小卖部 | 卡片架 | 窄薄立架（~1.2m 高） |
|
||
| 小卖部 | 老板（NPC） | 简单人形胶囊体，坐姿 |
|
||
| 街道 | 公用电话亭 | 窄高方柱（~2m 高） |
|
||
| 街道 | 老式自行车 | 简单车形（两轮 + 车架） |
|
||
| 街道 | 晾衣杆 | 长杆 + 几块平面（衣物） |
|
||
| 空地 | 大树 | 圆柱树干 + 球形树冠 |
|
||
| 空地 | 水坑 | 扁平圆形，反光材质 |
|
||
| 巷子 | 流浪猫 | 小型胶囊体，低矮 |
|
||
| 巷子 | 废纸箱 | 开口方箱（~0.5m 高） |
|
||
| 水塘 | 青蛙 | 极小胶囊体 |
|
||
| 水塘 | 芦苇 | 几根细圆柱簇 |
|
||
| 拾取品（通用） | 弹珠/卡片/糖纸等 | 小球/小片，+ 地面光斑 |
|
||
|
||
---
|
||
|
||
## v0.1 不包含
|
||
|
||
- 对话树 / 对话分支系统
|
||
- 物品背包 UI（物品拾取后只计入收集计数）
|
||
- 物品使用/组合系统
|
||
- NPC AI（NPC 为静态站位）
|
||
- 交互对象的动画变化（如开门后门保持打开）
|
||
- 时间相关的交互变化
|