山海鲸可视化

路径动画

鲸孪生组件中,通过添加路径动画,不仅可以展示物体沿着指定的路径进行运动的动画效果,还可以通过数据实时展示物体位置变换轨迹。

1. 基础设置

添加路径动画后,可设置路径动画的运动轨迹类型。

配置项 说明
运动轨迹类型 可设置动画运动轨迹为“历史轨迹”“实时位置&轨迹”两种类型。
运动轨迹数据 当运动轨迹类型为“历史轨迹”时,可以选择“运动轨迹数据”。可设置动画运动轨迹数据为“自定义”“数据字段”两种类型。

1.1 历史轨迹

在三维场景中需要展示物体沿着指定的路径进行运动的动画效果时,需要将运动轨迹类型设为“历史轨迹”,该类型下可以设置轨迹数据。

(1)自定义

运动轨迹数据选择“自定义”,可通过手动选择点位生成路径,步骤如下:

  1. 在山海鲸可视化鲸孪生组件中,双击子大屏进入编辑模式后,在“模型”菜单中点击“交通工具”,可以看到鲸孪生组件中提供了非常丰富的模型库。
    image.png

  2. 任意选择一个汽车模型,放置在 3D 场景中。
    image.png

  3. 选中该汽车模型,在“动效”菜单中点击“路径动画”,在场景中使用鼠标点击地面就可以生成一段连续路径
    5.gif

“历史轨迹”类型下“自定义”情况时,能够进行“编辑”的操作。
image.png

开启“播放动画”按钮后,则该汽车模型会沿着预设的路径按照“播放速度”进行移动;
“播放速度”即汽车模型移动的速度,数值支持自定义修改:数值越大,速度越快,数值越小,速度越慢;
“循环播放”即重复播放动画,该按钮开启的前提是开启“播放动画”按钮,否则无效。
6.gif

(2)数据字段

运动轨迹数据为“数据字段”,需要在“数据”设置中添加历史轨迹数据字段,才能通过数据来生成路径。若不添加历史轨迹数据字段,还是通过手动选择点的方式来生成路径。

场景中的每一个点位都包含两种坐标类型:经纬度坐标空间坐标,添加这两种坐标都能够生成路径。下面以此空间坐标数据为例:

空间位置
142.8528041113168,-0.012780504434658724,101.76474080048501
139.68476187624037,-0.010341888790092568,115.48527732025832
105.45268782787025,-0.010208101232102251,115.89722483232617
103.17051318660378,-0.01271711490534333,101.50593001628295
142.8528041113168,-0.012780504434658724,101.76474080048501

选中该汽车模型,在“动效”菜单中点击“路径动画”
image.png

将运动轨迹数据切换为“数据字段”
image.png

“数据”设置页面,将坐标类型切换为“空间坐标”后勾选对应的数据字段,就可以看到场景中根据数据字段生成了一个路径轨迹。
8.gif

1.2 实时位置&轨迹

在三维场景中需要展示物体根据数据的改变进行位置的变化时,需要使用的运动轨迹类型为“实时位置&轨迹”

此时需要在“数据”设置中添加实时位置数据字段,在实时位置数据改变时,物体位置会根据数据的改变进行变化。在这个情况下,是没有动画播放选项的。若不添加实时位置数据字段,则是与自定义情况相同,通过手动选择点来生成路径。

场景中的每一个点位都包含两种坐标类型:经纬度坐标空间坐标,添加这两种坐标都能够生成路径。下面以此空间坐标数据为例:

空间位置
142.8528041113168,-0.012780504434658724,101.76474080048501
139.68476187624037,-0.010341888790092568,115.48527732025832
105.45268782787025,-0.010208101232102251,115.89722483232617
103.17051318660378,-0.01271711490534333,101.50593001628295

将坐标类型修改为“空间坐标”,然后勾选对应的字段,就可以看到模型直接移动到了数据中的位置上。
1.gif

“看板公共数据”右键打开列表,点击“编辑数据”
image.png

点击“打开文件夹”,打开示例数据表格。
image.png

在上述示例数据的基础上,添加一个与第一个点位空间位置相同的空间坐标数据后,点击确定。
image.png

回到软件中就可以看到,模型的位置已经根据数据的改变发生了变化。
image.png

2. 轨迹

开启此按钮,可设置模型移动的轨迹样式。

配置项 说明
轨迹大小 即路径移动的轨迹,默认为“1”
隐藏未通过轨迹 开启此按钮,可隐藏还未通过的轨迹。
未通过轨迹贴图 在此处添加图片作为未通过的轨迹贴图。
未通过轨迹 UV 缩放 自定义未通过的轨迹 UV 缩放值。
隐藏通过轨迹 开启此按钮,可隐藏已经通过的轨迹。
通过轨迹贴图 在此处添加图片作为已通过的轨迹贴图。

路径动画 轨迹样式,如下图所示:
7.gif

3. 历史轨迹动画

场景左上角的“编辑”项与此项中的配置项基本相同,且会同步更改。
image.png

配置项 说明
播放动画 开启按钮后,模型会沿着预设的路径进行移动。
循环播放 开启按钮后,重复播放路径动画。该按钮开启的前提是开启“播放动画”按钮,否则无效。
播放速度 模型移动的速度,数值支持自定义修改:数值越大,速度越快,数值越小,速度越慢。
起始帧数 动画开始的帧数,默认为“0”
结束帧数 动画结束的帧数,默认为“3203”