This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
# 室内导览交互优化改进计划
|
||||
# 馆内导览交互优化改进计划
|
||||
|
||||
## 文档信息
|
||||
|
||||
- **项目**:深圳自然博物馆智能导览应用
|
||||
- **模块**:室内 3D 导览交互
|
||||
- **模块**:馆内 3D 导览交互
|
||||
- **创建时间**:2026-06-12
|
||||
- **状态**:待评审
|
||||
|
||||
@@ -11,15 +11,15 @@
|
||||
|
||||
## 背景
|
||||
|
||||
当前室内导览采用**显式"全馆/楼层"手动切换**模式,用户需要点击按钮在"建筑外观"和"楼层内部"之间切换。这个模式功能完整,但与基于缩放距离的自动切换模式相比,交互直觉性较弱。
|
||||
当前馆内导览采用**显式"全馆/楼层"手动切换**模式,用户需要点击按钮在"建筑外观"和"楼层内部"之间切换。这个模式功能完整,但与基于缩放距离的自动切换模式相比,交互直觉性较弱。
|
||||
|
||||
**现有模式**:
|
||||
- 进入室内 3D → 加载建筑外观
|
||||
- 进入馆内 3D → 加载建筑外观
|
||||
- 用户手动点击"楼层"按钮 → 楼层控件出现 → 选择楼层 → 加载楼层内部
|
||||
- 用户缩放只改变视角距离,不触发模型切换
|
||||
|
||||
**目标模式**:
|
||||
- 进入室内 3D → 加载建筑外观
|
||||
- 进入馆内 3D → 加载建筑外观
|
||||
- 用户放大到一定距离 → **自动切换**到楼层内部
|
||||
- 用户缩小到一定距离 → **自动切换**回建筑外观
|
||||
- 保留手动控制入口作为兜底
|
||||
@@ -125,8 +125,8 @@
|
||||
```
|
||||
|
||||
2. 更新状态标签文案:
|
||||
- 自动切换时显示"室内楼层(自动)"或"室内全馆(自动)"
|
||||
- 手动切换时显示"室内楼层"或"室内全馆"
|
||||
- 自动切换时显示"馆内楼层(自动)"或"馆内全馆(自动)"
|
||||
- 手动切换时显示"馆内楼层"或"馆内全馆"
|
||||
|
||||
3. 楼层控件可见性调整:
|
||||
- 改为 `:show-floor="is3DMode"`,在全馆模式也显示楼层控件
|
||||
@@ -447,7 +447,7 @@
|
||||
|
||||
### 集成测试
|
||||
|
||||
- 完整的用户流程:进入室内 → 缩放 → 自动切换 → 手动切换 → 楼层切换
|
||||
- 完整的用户流程:进入馆内 → 缩放 → 自动切换 → 手动切换 → 楼层切换
|
||||
- 自动切换与手动切换的交互测试
|
||||
- 多层模式与单层模式切换测试
|
||||
|
||||
@@ -533,7 +533,7 @@ emit('auto-switch-blocked', {
|
||||
|
||||
- OrbitControls 文档:https://threejs.org/docs/#examples/en/controls/OrbitControls
|
||||
- Three.js 性能优化最佳实践:https://threejs.org/manual/#en/optimize-lots-of-objects
|
||||
- 室内导览产品参考:机场导览 App、商场导览 App、博物馆 3D 导览
|
||||
- 馆内导览产品参考:机场导览 App、商场导览 App、博物馆 3D 导览
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user