[发明专利]一种多箭头路径动画实现方法和装置

说明书

技术领域

本发明涉及动画制作技术领域，特别是涉及一种多箭头路径动画实现方法和装置。

背景技术

在现在的天气预报中，常常需要使用箭头动画用于表示卫星云层的移动，风暴的走向，寒流的走向，这样的箭头动画可以想观众呈现更直观的气象信息。

在现有技术中建立多箭头路径动画时，例如，建立寒流的走向时，通过如下方法实现：事先在寒流走向曲线上的位置做成一个个箭头图片，每个箭头图片作为寒流走向曲线上的一个元素；之后对多个箭头图片做插值处理，实现多箭头动画。采用上述方法实现多箭头动画，需要对多个箭头图片分别进行编辑处理，这样操作复杂。

发明内容

本发明所要解决的技术问题是提供一种多箭头路径动画实现方法，能够方便的实现多箭头路径动画，方便用户的使用。

为了解决上述问题，本发明公开了一种多箭头路径动画实现方法，包括：

获取预设路径形成的贝塞尔曲线；

获取预设路径形成的贝塞尔曲线上的多箭头；

对贝塞尔曲线上的箭头顶点做插值处理；

实现多箭头路径动画。

进一步的，获取预设路径形成的贝塞尔曲线上的多个箭头包括：

将创建的一组箭头粘贴到所述预设路径形成的贝塞尔曲线上。

进一步的，获取预设路径形成的贝塞尔曲线上的多个箭头包括：

在预设路径形成的贝塞尔曲线上创建起始箭头；

在预设路径形成的贝塞尔曲线上创建第二个箭头，所述第二个箭头的末端顶点与起始箭头的前端顶点相隔预设长度，即箭头间隔为预设长度；

在预设路径形成的贝塞尔曲线上依序建立多个箭头，直到最后一个箭头的前端顶点到曲线末端的距离低于预设长度。

进一步的，对落在贝塞尔曲线上的箭头顶点做插值处理，包括：

预设创建的多个箭头之间的间隔为固定值；

对多个箭头中起始箭头的起始位置做插值处理；

实现多箭头路径动画。

进一步的，对落在贝塞尔曲线上的箭头顶点做插值处理，包括：

对多个箭头之间的间隔做插值处理；

实现多箭头路径动画。

进一步的，对落在贝塞尔曲线上的箭头顶点做插值处理，包括：

获取预设的箭头间隔和箭头长度；

获取基础参数值，所述基础参数值等于箭头间隔与箭头长度之和；

输入调节参数值；

获取运动距离参数值，所述运动距离等于调节参数值和基础参数值做取余操作得到的值；

设置预设路径形成的贝塞尔曲线起始位置同第一个箭头的距离为运动参数值；

对运动参数值做插值处理，实现多箭头路径动画。

进一步的，在预设路径形成的贝塞尔曲线上创建箭头包括：

确定构成箭头的8个顶点，即顶点1...8，所述顶点1为箭头末端顶点，顶点2为箭头前端顶点；

依据箭头的8个顶点构建6个三角面片：三角面片1-5-7，三角面片1-6-8，三角面片1-5-6，三角面片2-4-5，三角面片2-3-6，三角面片2-5-6；

将所述构建的三角面片整合渲染，得到一个箭头。

进一步的，创建的箭头长度相等，即每个箭头的末端顶点到该箭头的前端顶点的距离相等。

进一步的，确定构成箭头的8个顶点包括如下步骤：

在预设路径形成的贝塞尔曲线上选择第一组离散点；

预设两个初始点的坐标，即输入第一坐标点和第二坐标点的坐标，其中第一坐标点是所述第一组离散点中的点，第一坐标点为单箭头的第1顶点；

根据第1顶点的横轴值和第二坐标点的纵轴值确定单箭头的第2顶点，所述第2顶点为第一组离散点中的点；

根据第1顶点和第2顶点连线的中心点A的横轴值和第二坐标点的纵轴值得到单箭头第3顶点坐标值；

根据第3顶点坐标值和中心点A的坐标值，得到单箭头第4顶点坐标值；

将第4顶点同中心点A的连接线等分，得到单箭头第5顶点坐标值；

将第3顶点同中心点A的连接线等分，得到单箭头第6顶点坐标值；

根据第1顶点的横轴值和第5顶点的纵轴值确定单箭头的第7顶点坐标；

根据第1顶点的横轴值和第6顶点的纵轴值确定单箭头的第8顶点坐标。

本发明实施例还提供了一种实现多箭头路径动画的装置，包括：

第一获取单元，用于获取预设路径形成的贝塞尔曲线；

第二获取单元，用于获取预设路径形成的贝塞尔曲线上的多箭头；

处理单元，用于对贝塞尔曲线上的箭头顶点做插值处理，实现多箭头路径动画。

与现有技术相比，本发明具有以下优点：