From eb90f212f6266fdd5b688771204cf02c9ed4015f Mon Sep 17 00:00:00 2001 From: JujieX Date: Wed, 20 Mar 2024 10:50:05 +0800 Subject: [PATCH] fix: viewport interface update --- docs/interface-viewport.zh-CN.md | 105 +++++++++++++++---------------- 1 file changed, 51 insertions(+), 54 deletions(-) diff --git a/docs/interface-viewport.zh-CN.md b/docs/interface-viewport.zh-CN.md index 413a9131f..773c8e928 100644 --- a/docs/interface-viewport.zh-CN.md +++ b/docs/interface-viewport.zh-CN.md @@ -8,81 +8,78 @@ label: Basics/Interface ## 简介 -视图窗口是用于选择、定位、更改当前场景中各种类型实体及组件的交互式界面。 +视图窗口是用于选择、定位、更改当前场景中各种类型实体及组件的交互式界面。 -drag5 +drag5 ## 浏览场景 浏览场景有两种方式，分别为标准模式和飞行模式。标准模式是绕着中心视点转，飞行模式适合大型场景浏览，即场景相机在三维空间中前后左右上下移动。 -| 模式 | 操作 | 快捷键 | -| :-- | :-- | --- | -| **标准模式** | 环绕轨道 | `alt` + 鼠标左键 | -| | 平移 | `alt` + `command` + 鼠标左键， 或者 按下鼠标滚轮 | -| | 缩放 | `alt` + `control` + 鼠标左键，或者 滚动鼠标滚轮，或者 触控板上双指轻扫 | -| **飞行模式** | 围绕相机观察 | alt + 鼠标右键 | -| | 前进 |方向键向上，或者 鼠标右键 + `W`| -| | 后退 |方向键向下，或者 鼠标右键 + `S`| -| | 左平移 |方向键向左，或者 鼠标右键 + `A`| -| | 右平移 |方向键向右，或者 鼠标右键 + `D`| -| | 向上移动 |鼠标右键 + `E`| -| | 向下移动 |鼠标右键 + `Q`| -| | 改变飞行速度 |鼠标右键 + 鼠标滚轮| +| 模式 | 操作 | 快捷键 | +| :----------- | :----------- | ---------------------------------------------------------------------- | +| **标准模式** | 环绕轨道 | `alt` + 鼠标左键 | +| | 平移 | `alt` + `command` + 鼠标左键， 或者 按下鼠标滚轮 | +| | 缩放 | `alt` + `control` + 鼠标左键，或者 滚动鼠标滚轮，或者 触控板上双指轻扫 | +| **飞行模式** | 围绕相机观察 | alt + 鼠标右键 | +| | 前进 | 方向键向上，或者 鼠标右键 + `W` | +| | 后退 | 方向键向下，或者 鼠标右键 + `S` | +| | 左平移 | 方向键向左，或者 鼠标右键 + `A` | +| | 右平移 | 方向键向右，或者 鼠标右键 + `D` | +| | 向上移动 | 鼠标右键 + `E` | +| | 向下移动 | 鼠标右键 + `Q` | +| | 改变飞行速度 | 鼠标右键 + 鼠标滚轮 | ## 工具栏 工具栏位于视图窗口中上，鼠标停留会出现每一项的快捷键，或者内容说明。 -image-20240131181207870 - -| 图标 | 名称 | 解释 | 快捷键 | -| --- | --- | --- | --- | -| image-20240131175906508 | 拖动 | 拖动画面 | | -| image-20240131180117064
image-20240131180217044
image-20240131180256738 | 移动
旋转
缩放 | 对选中实体进行变换操作 | `W`
`E`
`R` | -| image-20240131180403373
image-20240131180513384 | 中心锚点/枢纽锚点 | 切换选中实体的锚点 | | -| image-20240131180709163
image-20240131180731465 | 本地坐标/世界坐标 | 切换选中实体的坐标 | | -| image-20240131181105676 | 聚焦 | 场景相机聚焦到的选中实体 | `F` | -| image-20240131181429677 | 场景相机 | 场景相机菜单包含用于配置场景相机的选项，主要用来解决搭建场景时，裁剪面太远或者太近导致看不到物体的问题。这些调整不会影响场景中带有相机组件的实体的设置。 | | -| image-20240131181144755 | 设置 | 设置菜单包含用于调整视图辅助显示的选项，包括网格、辅助图标（与场景中特定组件相关联的图形，包括相机、直射光、点光源、聚光灯）、 辅助线框 | | -| image-20240131181242445
image-20240131181524219 | 场景相机类型 | 切换透视/正交相机 | | -| image-20240131181459432
image-20240131181607999 | 模式 | 方便在 2D/3D 场景模式间进行点击切换。2D 模式下，导航部件、正交/透视切换关闭，导航中的环绕轨道不再生效。 | | -| image-20240131182235406 | 全屏/复原 | 最大化视图窗口，最小化层级、资产、检查器 | | -| image-20240131182303867 | 截屏 | 对当前场景进行快照。仅显示场景内用户创建实体，辅助显示的一系列工具，如图标、网格、gizmo 不会被计入其中。进行截屏后，该快照会在首页作为该项目缩略图。 | | +image-20240131181207870 + +| 图标 | 名称 | 解释 | 快捷键 | +| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ | +| image-20240131175906508 | 拖动 | 拖动画面 | | +| image-20240131180117064
image-20240131180217044
image-20240131180256738 | 移动
旋转
缩放 | 对选中实体进行变换操作 | `W`
`E`
`R` | +| image-20240131180403373
image-20240131180513384 | 中心锚点/枢纽锚点 | 切换选中实体的锚点 | | +| image-20240131180709163
image-20240131180731465 | 本地坐标/世界坐标 | 切换选中实体的坐标 | | +| image-20240131181105676 | 聚焦 | 场景相机聚焦到的选中实体 | `F` | +| image-20240131181429677 | 场景相机 | 场景相机菜单包含用于配置场景相机的选项，主要用来解决搭建场景时，裁剪面太远或者太近导致看不到物体的问题。这些调整不会影响场景中带有相机组件的实体的设置。 | | +| image-20240131181144755 | 设置 | 设置菜单包含用于调整视图辅助显示的选项，包括网格、辅助图标（与场景中特定组件相关联的图形，包括相机、直射光、点光源、聚光灯）、 辅助线框 | | +| image-20240131181242445
image-20240131181524219 | 场景相机类型 | 切换透视/正交相机 | | +| image-20240131181459432
image-20240131181607999 | 模式 | 方便在 2D/3D 场景模式间进行点击切换。2D 模式下，导航部件、正交/透视切换关闭，导航中的环绕轨道不再生效。 | | +| image-20240131182235406 | 全屏/复原 | 最大化视图窗口，最小化层级、资产、检查器 | | +| image-20240131182303867 | 截屏 | 对当前场景进行快照。仅显示场景内用户创建实体，辅助显示的一系列工具，如图标、网格、gizmo 不会被计入其中。进行截屏后，该快照会在首页作为该项目缩略图。 | | ### 辅助元素设置界面 +image-20240131181825989 - -image-20240131181825989 - -| 属性 | 内容 | -| ------------------------------ | ------------------------------------------------------------ | -| 网格（Grid） | 视图中的网格是否显示 | -| 3D 图标（3D Icons） | 辅助图标是否根据组件与摄像机的距离进行缩放 | -| 导航 Gimzo | 用于显示场景相机的当前方向，并且可以通过鼠标操作快速修改视角和投影模式（正交/透视）。打开后会在画面右下角显示。
image-20240131184405058 | -| 轮廓显示（Outline） | 选中某个实体时是否显示轮廓，选中的实体轮廓颜色为橙色，子节点轮廓为蓝色 | -| 相机（Camera） | 以锥体显示选中相机组件 | -| 光源（Light） | 显示光源组件 | -| 静态碰撞体（Static Collider） | 显示静态碰撞体形状 | -| 动态碰撞体（Dynamic Collider） | 显示动态碰撞体形状 | +| 属性 | 内容 | +| ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| 网格（Grid） | 视图中的网格是否显示 | +| 3D 图标（3D Icons） | 辅助图标是否根据组件与摄像机的距离进行缩放 | +| 导航 Gimzo | 用于显示场景相机的当前方向，并且可以通过鼠标操作快速修改视角和投影模式（正交/透视）。打开后会在画面右下角显示。
image-20240131184405058 | +| 轮廓显示（Outline） | 选中某个实体时是否显示轮廓，选中的实体轮廓颜色为橙色，子节点轮廓为蓝色 | +| 相机（Camera） | 以锥体显示选中相机组件 | +| 光源（Light） | 显示光源组件 | +| 静态碰撞体（Static Collider） | 显示静态碰撞体形状 | +| 动态碰撞体（Dynamic Collider） | 显示动态碰撞体形状 | +| 发射器形状（Emission Shape） | 显示粒子发射器形状 | ### 场景相机设置界面 -image-20240131185805023 - -| 属性 | 内容 | 默认值 | -| :-- | :-- | :-- | -| 视角（Fov） | 场景相机的视角 | 60 | -| 动态裁剪（Dynamic） | 相对选中实体和场景相机位置，自动计算场景相机的近裁面和远裁面 | 关闭 | -| 近裁面（Near Plane） | 手动调整相对于场景相机的最近点 | 不勾选动态裁剪后开启 | -| 远裁面（Far Plane） | 手动调整相对于场景相机的最远点 | 不勾选动态裁剪后开启 | -| 速度（Speed） | 飞行模式下相机的移动速度 | 10 | - +image-20240131185805023 +| 属性 | 内容 | 默认值 | +| :------------------- | :----------------------------------------------------------- | :------------------- | +| 视角（Fov） | 场景相机的视角 | 60 | +| 动态裁剪（Dynamic） | 相对选中实体和场景相机位置，自动计算场景相机的近裁面和远裁面 | 关闭 | +| 近裁面（Near Plane） | 手动调整相对于场景相机的最近点 | 不勾选动态裁剪后开启 | +| 远裁面（Far Plane） | 手动调整相对于场景相机的最远点 | 不勾选动态裁剪后开启 | +| 速度（Speed） | 飞行模式下相机的移动速度 | 10 | ## 预览 选中带有相机组件的实体时，会在视图窗口左下角显示该相机的实时预览。帮助用户实时调整相机、场景位置。预览窗口可以拖动、锁定，并且切换不同设备比例的窗口。 -image-20240131190013320 +image-20240131190013320