Sovit3D可视化开发平台 零代码实现组件动画特效

“动画”特效在3D可视化开发中算的上是必不可少的元素之一，它可以直观生动的还原真实场景。

近日，3D可视化开发工具——Sovit3D就又更新了“在线动画定义功能”，零代码实现三维场景中的模型组件动画。

比如 我们在开发智慧风电场项目时，可以用数字孪生技术对风机进行数字映射建模，然后通过传感器获取风机的各项数据，绑定数据驱动风机旋转动画，1:1还原风机真实发电场景。

▲ 旋转、变色、显影等动画效果

目前支持的动画特效类型

旋转动画：设置三维组件实现旋转，设置360度旋转或只转动一个小角度。

变色显示：设置绑定某个数据触发变色，可以根据不同的条件变成不同的颜色。

心跳动画：设置三维组件实现循环跳动的效果。

显隐闪烁：绑定数据达到指定条件后实现“显示隐藏”不断闪烁效果。

变色闪烁：绑定数据达到指定条件后实现“颜色变化”不断闪烁效果。

所有动画都可绑定动态数据，通过数据变化触发动画效果

下面以风机为例进行动画设置

选中要设置动画的组件，上图选中的是“叶片与轮毂整体”组。（在风机建模的时候已经分好了组，三个叶片+轮毂同属一个组。同时这个组又和“机舱整体”组一起组合为“叶片与机舱整体”组）。

#进入【动画】设置页签。

·【动画类型】中选择“旋转”动画。

·【旋转轴】选择“Z轴”（场景中蓝色轴为Z轴）。

·【执行类型】选择“无限循环”（当选择无限循环时旋转角度只能是360度）、“执行时间”（数字“6”代表转一圈需要的时间为6秒）。

注：设置动画时可以选择数据集绑定动态数据，并且设置数据触发条件，不同的数据条件旋转的速度也不一样。

#接下来用同样的方法对“叶片与机舱整体”组设置转动某个角度的动画，实现机舱“偏航”的效果。

同时绑定一个动态数据实现两个角度变化的效果,设置完保存即可。

动画设置完后，通过预览或发布后可以查看动画效果

以下为风机动画效果图演示

更多动画效果将会陆续更新发布，关注数维图微信公众号或进入官网（www.SovitJs.com），获取产品最新动态。