创建和管理前板

使用前板（以前称为“覆盖”）可创建汽车变体、指定产品生命周期状态，或者添加水印、商标或法律信息。对会议而言，公司徽标之类的覆盖图像和日期等文本用于演示目的。

“了解更多”图标 有关参考信息，请查看：

如何创建前板

  1. 在菜单栏中，选择“场景”>“场景板编辑器”。

  2. 在“场景板编辑器”的左侧单击鼠标右键，然后选择“创建前板”。

  3. 在“属性”下的“名称”字段中输入前板名称，对于“内容类型”，选择它是文本、Web 还是图像。

    • 对于文本前板，输入所需的文本以及字体、颜色和透明度等属性。
    • 对于图像前板，单击文件夹图标并选择所需的图像；如果在任何时候更新了图像，则单击 还原“还原”以加载最新版本。

  4. 在“大小和位置”下，调整任何必要值。

    对于绝对比例，使用像素。对于相对比例，使用百分比。

如何创建覆盖圆形菜单

已为您提供圆形菜单场景板资源，可在 VREDAsset 安装程序中找到此项。只需将资源拖动到场景中。

但是，要了解如何创建圆形菜单，请执行以下步骤以使用“场景板编辑器”在前板上加载圆形菜单 UI：

  1. 在菜单栏中，选择“场景”>“场景板编辑器”以打开相应编辑器。

  2. 在“场景板编辑器”中，选择“创建”>“创建前板”以创建前板。

    场景板编辑器圆形菜单设置

  3. 在右侧的“属性”部分中，将“内容类型”设置为“Web”。

  4. 根据渲染窗口尺寸调整“宽度”和“高度”。这可确保 UI 将布满渲染窗口。

    注意：

    每次调整渲染窗口尺寸时，请重复步骤 4。

  5. 将“连续单击”设置为 0.01 以确保圆形菜单使用透明背景；否则，UI 将不会对用户交互做出响应。

  6. 设置包含圆形菜单的 HTML 文件的 URL。示例文件位于此处：

    C:\ProgramData\Autodesk\VREDPro-<internalVersion>\examples\webengine-circular-menu-genesis\index

    注意：

    请务必确保所有资源（例如，图标、样式表和相应的 JavaScript 文件）位于相同文件夹或相同 URL 中。

  7. 在“大小和位置”部分中，将“大小模式”设置为“相对”并将“大小”设置为 1.00，以进行正确缩放。

    圆形菜单

配置菜单

创建圆形菜单后，现在可以对其进行配置。其配置存储在 HTML 文件的脚本标记内的 JSON 对象中。此配置以名为 menu 的根属性开头。使用“菜单属性”和“项目属性”表中的任意内容。

菜单属性

名称 类型 说明
animationDuration 数字 播放动画时项目显示为活动状态的持续时间（以毫秒为单位）。
buttonSizeMultiplicator 数字 用于指定按钮尺寸与图标尺寸对应关系的倍增器。
colorIconActive 字符串 将针对具有颜色属性的活动项目显示的图标的相对路径。
iconPath 字符串 项目图标的相对路径。
iconSizes array[number] 包含每个项目级别的图标尺寸（以像素为单位）的数组。
imagePath 字符串 静帧图像的相对路径。
items array[object] 以下所列的所有项目属性的详细描述。
position 数字 菜单的位置。可能的值为：top-left、top、top-right、right、bottom-right、bottom、bottom-left、left、center。
sizes 数字 每个菜单级别的直径（以像素为单位）。
type 字符串 应始终为 circular。

项目属性

名称 类型 说明
animation 字符串 单击时将播放的动画的名称。
animationDuration 数字 播放动画时此项目显示为活动状态的持续时间（以毫秒为单位）。这将覆盖菜单范围的动画持续时间值。
children array[item] 嵌套项目的数组，如果选择该项目，将显示在下一个菜单级别中。
classNames array[string] css 类名的数组，将应用于项目以进行高级自定义。
color 字符串 用于对图标着色的 RGB 颜色十六进制代码。对于切换颜色或车漆变量的项目，这非常有用。
icon 字符串 相对于图标路径的图标文件路径。
image 字符串 相对于图像路径的图像文件路径。如果已指定，单击时将设置背景图像。
isActive 布尔 如果设置为 true，项目将被标记为处于活动状态，且加载菜单时将设置每个指定的命令属性（例如，变量、视点或动画）。
name 字符串 描述性名称，但非必需项。
type 字符串 仅应为第一个项目指定的 toggle 类型。所有其他项目的行为通过项目的属性定义。
variant 字符串 单击时将设置的变量的名称。
viewpoint 字符串 单击时摄影机将跳转到的视点的名称。

示例

针对演示场景 Automotive_Genesis.vpb 预配置的圆形菜单示例。

如何创建前板切换

  1. 在“场景板编辑器”的左侧单击鼠标右键，然后选择“创建切换”。

  2. 将前板从列表中拖放到切换。

  3. 通过添加复选标记，选择应显示切换中的哪个前板。

    注意：

    当选中切换的子项使其可见时，其他选项将自动取消选中并隐藏。

如何在“场景板编辑器”中管理前板

要重复所选前板，请在选定对象上单击鼠标右键，然后执行以下任一操作：

  • 在左侧单击鼠标右键，然后选择“编辑”>“重复”。
  • 单击编辑器底部的 “重复”图标（“重复”图标）。

要在此之后进行更改，请执行以下任一操作：

  • 要更改前板在场景中的显示顺序，请在列表中进行拖放以对其重新排序。
  • 要将所选前板分组到一起，请在选定对象上单击鼠标右键，然后选择“创建组”。
  • 要显示或隐藏前板，请在“场景板编辑器”列表中选中或取消选中它们。
父页面: 场景板