山海鲸可视化

设置轻3D

1. 选择主相机

打开一个添加了“鲸孪生”组件的项目,双击进入“编辑模式”,如下图所示:

在左侧菜单栏中可以选择相机进行添加,鲸孪生组件中共有四种不同类型的相机,如下图所示:

在组件图层中选中“场景”图层,在“样式-基础设置”中选择主相机,如下图所示:

备注:“主相机”指的是当前场景设置的默认相机,该相机可以是鸟瞰相机跟随相机漫游相机第一人称相机中的任意一种。

2. 设置相机的轻 3D

鸟瞰相机、跟随相机、第一人称相机这三个相机都支持设置轻 3D 功能,下面逐一进行介绍:

2.1 设置鸟瞰相机的轻 3D

在创建鲸孪生组件时,会默认生成一个“鸟瞰相机”,点击组件图层中的“相机”即可看到。

选中“鸟瞰相机”,在右侧的样式设置中找到并展开“轻 3D”设置一栏,点击“+”添加一个“预渲染视角”,如下图所示:

点击下方的“预渲染”按钮对当前视角进行渲染,如下图所示:

2.2 设置漫游相机的轻 3D

在菜单栏中点击“相机”,添加一个“漫游相机”,如下图所示:

在组件图层中选中“场景”图层,在“样式-基础设置”中将主相机设置为“漫游相机”,如下图所示:

选中“漫游相机”,在右侧的样式设置中找到并展开“轻 3D”设置一栏,点击“+”添加一个“预渲染视角”,如下图所示:

点击下方的“预渲染”按钮对当前视角进行渲染,如下图所示:

2.3 设置第一人称相机的轻 3D

在菜单栏中点击“相机”,添加一个“第一人称相机”,如下图所示:

在组件图层中选中“场景”图层,在“样式-基础设置”中将主相机设置为“第一人称相机”,如下图所示:

选中“第一人称相机”,在右侧的样式设置中找到并展开“轻 3D”设置一栏,点击“+”添加一个“预渲染视角”,如下图所示:

点击下方的“预渲染”按钮对当前视角进行渲染,如下图所示:

3. 选择轻 3D 模式

轻 3D 模式一共有五种,分别是:不生效、生效、仅移动端生效、加载前选择、根据性能选择,下面使用“鸟瞰相机”进行逐一演示,由于同一种轻 3D 模式在软件内和发布后的 Web 端的效果是相同的,所以这里只展示 Web 的具体效果:

3.1 不生效

在组件图层中选中“场景”图层,在“样式-基础设置”中将轻 3D 模式设置为“不生效”,这样项目就会得到完整的呈现,所有的模型都会显示出来,如下图所示:

点击左上角的“项目-项目部署-发布 Web 链接”发布项目,(发布 Web 链接相关教程请移步 →发布 Web 链接)然后在第三方浏览器中打开项目,效果如下图所示:

3.2 生效

在组件图层中选中“场景”图层,在“样式-基础设置”中将轻 3D 模式设置为“生效”,这时候所有的 3D 模型都将被隐藏,如左侧组件图层中的“模型层”“植被”,而标记层中的“标绘”依然会保留,从而能够实现正常的交互,如下图所示:

在组件图层中选择“鸟瞰相机”,在轻 3D 设置项中,将“当前视角”设置为提前预渲染过的“预渲染视角 1”,此时会使用预渲染的二维图片来完整地呈现整个项目,如下图所示:

点击左上角的“项目-项目部署-发布 Web 链接”发布项目,(发布 Web 链接相关教程请移步 →发布 Web 链接)然后在第三方浏览器中打开项目,效果如下图所示:

3.3 仅移动端生效

在组件图层中选中“场景”图层,在“样式-基础设置”中将轻 3D 模式设置为“仅移动端生效”,如下图所示:

点击左上角的“项目-项目部署-发布 Web 链接”发布项目,(发布 Web 链接相关教程请移步 →发布 Web 链接)然后在第三方浏览器中打开项目,PC 端的效果如下图所示:

移动端则会使用轻 3D 模式,自动隐藏 3D 模型,使用预渲染视角来呈现完整的项目。(移动端的相关教程请移步 →大小屏互动演示

3.4 加载前选择

在组件图层中选中“场景”图层,在“样式-基础设置”中将轻 3D 模式设置为“加载前选择”,如下图所示:

当我们打开这个项目时,就会弹出提示,我们可以根据需求选择“使用或不使用轻 3D 模式”,如下图所示:

选择“不使用/使用轻 3D 模式”,项目的效果和章节 3.1 不生效、章节 3.2 生效 中一致,这里不再重复展示,只演示项目发布后,在 web 端的效果,当我们选择“否”时,效果如下图所示:

当我们选择“是”时,会打开轻 3D 功能,加载“预渲染视角”,并且项目的打开速度也更快,效果如下图所示:

3.5 根据性能选择

在组件图层中选中“场景”图层,在“样式-基础设置”中将轻 3D 模式设置为“根据性能选择”,如下图所示:

软件会根据设备的性能自动“打开/关闭轻 3D 功能”,也可以在下方设置“最低 GPU 分数”的数值,当设备的 GPU 低于设定值时,就会自动打开轻 3D 功能。(点击链接下载查看不同类型 GPU 对应的分数 →GPU 分数表

点击左上角的“项目-项目部署-发布 Web 链接”发布项目,(发布 Web 链接相关教程请移步 →发布 Web 链接)然后在第三方浏览器中打开项目,效果如下图所示: