Wonderland 编辑器视图
在顶部菜单栏的“Views”中可以找到编辑器视图。
基本视图
您将非常频繁地使用以下视图：
附加视图
不太常用但方便的工具：
全局快捷键
在编辑器的任何位置都可以使用的快捷键。
| 快捷键 | 描述 |
|---|---|
| Ctrl/Cmd + N | 新建项目 |
| Ctrl/Cmd + O | 打开项目 |
| Ctrl/Cmd + S | 保存项目 |
| Ctrl/Cmd + Shift + S | 项目另存为 |
| Ctrl/Cmd + I | 导入项目 |
| Ctrl/Cmd + E | 导出选择项 |
| Ctrl/Cmd + Shift + P | 打包项目 |
| F5 | 运行（打包、启动服务器并打开） |
| F8 | 重新加载着色器 |
| Ctrl/Cmd + Z | 撤销上一个操作 |
| Ctrl/Cmd + Shift + Z | 重做上次撤销的操作 |
场景视图
显示当前项目的3D场景视图。
拖放材质资源到对象上以更改第一个网格组件的材质。 拖放纹理资源到对象上以设置第一个材质的第一个纹理槽。 您也可以直接将资源拖入组件属性槽。
快捷键
| 快捷键 | 描述 |
|---|---|
| 左键单击 | 仅选择光标下的对象 |
| Shift + 左键单击 | 将光标下的对象添加到选择中 |
| Shift + Ctrl/Cmd + 左键单击 | 将选中对象的变换与光标下的对象对齐 |
| F | 聚焦选中对象 |
| Shift + F | 聚焦对象层次结构 |
| B | 框选工具 |
| G | “抓取”，切换到平移控制器。如果平移控制器已经激活，将切换到局部空间。 |
| R | “旋转”，切换到旋转控制器。如果平移控制器已经激活，将切换到局部空间。 |
| S | “缩放”，切换到缩放控制器 |
| Alt + G | 重置平移 |
| Alt + R | 重置旋转 |
| Alt + S | 重置缩放 |
| 数字键盘 5 | 切换正交视图 |
| Ctrl | 使用控制器时，按住可启用吸附功能。 |
| Del | 删除选中对象 |
| Ctrl/Cmd + C | 复制选中对象 |
| Ctrl/Cmd + V | 粘贴对象 |
| Ctrl/Cmd + Shift + V | 粘贴对象为选中对象的子对象 |
| Ctrl/Cmd + D | 复制选中对象 |
| 数字键盘 7 | 设置视图向下 |
| Shift + 数字键盘 7 | 设置视图向上 |
| 数字键盘 1 | 设置视图向前 |
| Shift + 数字键盘 1 | 设置视图向后 |
| 数字键盘 3 | 设置视图向左 |
| Shift + 数字键盘 3 | 设置视图向右 |
| Shift + Alt + S | 模拟物理功能 |
按住 Shift + 右键 时，开启视口导航功能：
| 快捷键 | 描述 |
|---|---|
| W/A/S/D | 向前/左/下/右移动 |
| Q/E | 向上/下移动 |
| 拖动鼠标 | 环顾四周 |
按住中键时，可以平移相机：
| 快捷键 | 描述 |
|---|---|
| 拖动鼠标 | 平移相机 |
资源浏览器
显示项目目录中的文件。
右键点击空白处以创建新的 JavaScript 组件。
要合并 PBR 纹理，选择它们后使用 右键 > 工具 > 合并 PBR 纹理。
右键点击 “shaders” 文件夹以创建自定义着色器，或右键点击 “plugins” 文件夹以创建插件。
快捷键
| 快捷键 | 描述 |
|---|---|
| F2 | 重命名 |
控制台
记录编辑器中当前事件的消息。
禁用“信息”、“警告”或“错误”以更清晰地查看其他消息。
场景大纲
显示场景中对象的层次结构。
通过拖放可重新设置对象的父子关系。
可将对象拖放至组件属性中的对象资源槽。
快捷键
| 快捷键 | 描述 |
|---|---|
| Del | 删除选中对象 |
| Ctrl/Cmd + C | 复制对象层次结构 |
| Ctrl/Cmd + Shift + C | 复制对象 |
| Ctrl/Cmd + V | 粘贴对象为同级 |
| Ctrl/Cmd + Shift + V | 粘贴对象为子对象 |
| Ctrl/Cmd + D | 复制对象层次结构 |
| Ctrl/Cmd + Shift + D | 复制对象 |
| Ctrl/Cmd + E | 导出对象 |
属性
显示选中对象的属性。
对于任何组件，点击右上角的三个点即可在浏览器中打开其文档。 您也可以从这里打开组件的 JavaScript 源文件。
项目设置
整个项目的设置。
涵盖从渲染设置、JavaScript 文件来源路径，到 VR 和 AR 设置选项以及物理和运行时设置。
资源
显示项目当前管理的所有资源的表格。
某些资源包含额外的优化选项，允许通过双击资源名称进行重命名，可以通过右键点击资源进行删除和复制。
资源可以从这里拖到组件属性中。
可以将材质和纹理从这里拖到场景视图中的对象上。
项目数据
调试视图，显示项目的内部 JSON 文件。
分析
当在浏览器中激活运行时并能够通过 WebSocket 连接到 localhost:8080 时，运行时每 30 帧会发送分析数据。对于通过 adb 启用端口转发连接的 Android 客户端（例如 Oculus Quest 或智能手机）也适用。
数据以图表形式展示在此视图中。
您可以通过顶部的下拉框切换连接的运行时。
偏好设置
存储于每台计算机的全局编辑器偏好设置。
- 配置快捷键并了解可用快捷键
- 切换“强制完整页面重载”以禁用快速实时重载
- 管理服务器选项（端口，SSL证书）
- 调整启动和通知选项
插件
管理编辑器和项目插件。
通过 Views > Plugins 打开。使用“启用此项目的插件”复选框允许当前项目的插件执行。此视图有两个选项卡：
- Editor Scope: 编辑器自身捆绑或安装的插件。这些插件通常添加视图或工具，不依赖当前项目。
- Project Scope: 项目中插件（通过
devDependencies安装或放置在plugins/文件夹中）。这些插件可以读取和修改项目文件，并参与打包。
通过右侧的复选框切换单个插件。一些插件在启用后可能需要重新加载项目。
基准测试
在基准场景中捕获性能，包括在外部设备上。
- 通过
Views > Benchmark打开。 - 选择基准文件并选择目标设备（本地或连接的外部设备），然后开始基准测试。如果设备列表发生变化，请使用“刷新设备”。
- 结果将在完成后汇总显示；可以用来比较设备之间的性能或项目变更后的效果。
提示：还有一种用于自动运行的命令行选项；请参阅 CLI 文档中的 Editor CLI 页面的 --benchmark。
本地化
将项目中的字符串翻译成多种语言。
- 通过
Views > Localization打开。 - “Strings” 标签列出了项目中可翻译的术语；使用复选框来选择它们。
- “Languages” 标签允许您添加语言和编辑翻译。
- 保存项目时，翻译将导出为 JSON 文件，位于
<project-root>/languages/<Scene>/<lang-code>.json，您可以用标准翻译工具处理这些文件。使用“重新导入所有”或“重新导入非默认”将编辑的 JSON 文件重新导入项目。
资源树
可视化哪些资源引用了其他资源，并快速发现未使用或意外链接的资产。
- 通过
Views > Resource Tree打开。 - “仅选择”限制视图为当前选择；“反转”切换引用图的方向。
- 展开节点以检查对象、网格、材质、管道和着色器之间的关系。用此工具在删除或更改资源之前追踪资源的使用情况。
动画编辑器
编辑动画轨道并添加“自定义事件”关键帧。