动态图生成方法、装置、电子设备及计算机可读存储介质.pdf

《动态图生成方法、装置、电子设备及计算机可读存储介质.pdf》由会员分享，可在线阅读，更多相关《动态图生成方法、装置、电子设备及计算机可读存储介质.pdf（24页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 202010151415.4 (22)申请日 2020.03.06 (71)申请人 北京奇艺世纪科技有限公司 地址 100080 北京市海淀区海淀北一街2号 爱奇艺创新大厦10、 11层 (72)发明人 张竺单士刚 (74)专利代理机构 北京银龙知识产权代理有限 公司 11243 代理人 许静黄灿 (51)Int.Cl. G06T 13/20(2011.01) G06T 15/00(2011.01) (54)发明名称 动态图生成方法、 装置、 电子设备及计算机 可读存储介质 (5。

2、7)摘要 本发明提供一种动态图生成方法、 装置、 电 子设备及计算机可读存储介质， 该方法包括： 获 取待处理图像中的至少三个目标像素点； 其中， 所述目标像素点为绘制线上的像素点， 所述绘制 线用于表征待处理图像中像素点的运动趋势； 基 于至少三个目标像素点对待处理图像进行德劳 内三角化， 获得三角网络； 根据运动趋势对所述 三角网络中的所述目标像素点进行纹理坐标动 画插值， 生成动画图像； 其中， 所述动画图像包括 所述三角网络中每个像素点的纹理坐标数据； 基 于所述三角网络中每个像素点的纹理坐标数据， 对所述动画图像进行渲染， 生成待处理图像的动 态图。 本发明实施例能够提高动态图的制作。

3、效 果。 权利要求书3页 说明书15页 附图5页 CN 111340918 A 2020.06.26 CN 111340918 A 1.一种动态图生成方法， 其特征在于， 包括： 获取待处理图像中的至少三个目标像素点； 其中， 所述目标像素点为绘制线上的像素 点， 所述绘制线用于表征所述待处理图像中像素点的运动趋势； 基于所述至少三个目标像素点对所述待处理图像进行德劳内三角化， 获得三角网络； 根据所述运动趋势对所述三角网络中的所述目标像素点进行纹理坐标动画插值， 生成 动画图像； 其中， 所述动画图像包括所述三角网络中每个像素点的纹理坐标数据； 基于所述三角网络中每个像素点的纹理坐标数据， 。

4、对所述动画图像进行渲染， 生成所 述待处理图像的动态图。 2.根据权利要求1所述的方法， 其特征在于， 所述根据所述运动趋势对所述三角网络中 的所述目标像素点进行纹理坐标动画插值， 生成动画图像， 包括： 根据所述运动趋势， 确定所述目标像素点的纹理坐标动画轨迹； 基于所述目标像素点的纹理坐标动画轨迹， 确定所述目标像素点在运动轨迹周期内每 个采样时刻对应的纹理坐标数据； 其中， 所述运动轨迹周期为所述目标像素点基于所述目 标像素点的纹理坐标动画轨迹从起点至终点运动完成的时间周期； 基于所述目标像素点在所述运动轨迹周期内每个采样时刻对应的纹理坐标数据， 生成 所述运动轨迹周期的每个采样时刻对应。

5、的动画图像。 3.根据权利要求2所述的方法， 其特征在于， 所述至少三个目标像素点中包括第一目标 像素点； 若所述第一目标像素点为所述运动趋势中为起点的目标像素点， 所述第一目标像素点 的纹理坐标动画轨迹为第一轨迹像素点经所述第一目标像素点运动至第二轨迹像素点； 若所述第一目标像素点为所述运动趋势中处于起点和终点之间的目标像素点， 所述第 一目标像素点的纹理坐标动画轨迹为第三轨迹像素点经所述第一目标像素点运动至第四 轨迹像素点； 若所述第一目标像素点为所述运动趋势中为终点的目标像素点， 所述第一目标像素点 的纹理坐标动画轨迹为第五轨迹像素点经所述第一目标像素点运动至第六轨迹像素点； 其中， 所。

6、述第一轨迹像素点为在所述第一目标像素点至所述第一目标像素点的后一个 目标像素点的直线上按照第一预设步长确定的像素点， 所述第二轨迹像素点为在所述第一 目标像素点的后一个目标像素点至所述第一目标像素点的延长线上按照所述第一预设步 长确定的像素点； 所述第三轨迹像素点为在所述第一目标像素点的前一个目标像素点至所述第一目标 像素点的延长线上按照所述第一预设步长确定的像素点， 所述第四轨迹像素点为在所述第 一目标像素点的后一个目标像素点至所述第一目标像素点的延长线上按照所述第一预设 步长确定的像素点； 所述第五轨迹像素点为在所述第一目标像素点的前一个目标像素点至所述第一目标 像素点的延长线上按照所述第。

7、一预设步长确定的像素点， 所述第六轨迹像素点为在所述第 一目标像素点至所述第一目标像素点的前一个目标像素点的直线上按照所述第一预设步 长确定的像素点。 4.根据权利要求2所述的方法， 其特征在于， 所述目标像素点基于所述目标像素点的纹 理坐标动画轨迹从起点至终点的运动速率通过三次贝塞尔曲线调节。 权利要求书 1/3 页 2 CN 111340918 A 2 5.根据权利要求2所述的方法， 其特征在于， 所述基于所述三角网络中每个像素点的纹 理坐标数据， 对所述动画图像进行渲染， 生成所述待处理图像的动态图， 包括： 针对所述运动轨迹周期内每个第一采样时刻， 将所述第一采样时刻对应的第一动画图 。

8、像中所述三角网络中每个第一像素点的纹理坐标数据， 与第二采样时刻对应的第二动画图 像中所述三角网络中每个所述第一像素点对应的第二像素点的纹理坐标数据进行融合； 其 中， 所述第一采样时刻与所述第二采样时刻的间隔为所述运动轨迹周期时长的一半； 基于融合后的纹理坐标数据， 对所述运动轨迹周期内每个采样时刻对应的动画图像进 行渲染， 生成所述待处理图像的动态图。 6.根据权利要求5所述的方法， 其特征在于， 将纹理坐标数据进行融合的融合参数随着 所述动画图像的采样时刻变化而变化， 且随着所述动画图像的采样时刻变化， 所述融合参 数的变化速率基于三次贝塞尔曲线调节。 7.根据权利要求5所述的方法， 其。

9、特征在于， 所述将所述第一采样时刻对应的第一动画 图像中所述三角网络中每个第一像素点的纹理坐标数据， 与第二采样时刻对应的第二动画 图像中所述三角网络中每个所述第一像素点对应的第二像素点的纹理坐标数据进行融合 之前， 所述方法还包括： 针对每个所述第一像素点， 判断所述第一像素点是否超出预设范围； 若是， 则将所述第 一像素点的纹理坐标数据进行镜像处理； 判断所述第一像素点对应的第二像素点的纹理坐标数据是否超出预设范围； 若是， 则 将所述第二像素点的纹理坐标数据进行镜像处理； 将所述第一采样时刻对应的第一动画图像中所述三角网络中每个第一像素点的纹理 坐标数据， 与第二采样时刻对应的第二动画图。

10、像中所述三角网络中每个所述第一像素点对 应的第二像素点的纹理坐标数据进行融合， 包括： 针对每个所述第一像素点， 将镜像处理后的所述第一像素点和/或所述第二像素点的 纹理坐标数据进行融合。 8.根据权利要求1所述的方法， 其特征在于， 所述获取待处理图像中的至少三个目标像 素点， 包括： 接收针对所述待处理图像所输入的绘制线； 按照第二预设步长采集所述绘制线上的像素点； 将在所述绘制线上采集的像素点确定为所述目标像素点。 9.根据权利要求1所述的方法， 其特征在于， 所述基于所述至少三个目标像素点对所述 待处理图像进行德劳内三角化， 获得三角网络之前， 所述方法还包括： 获取所述待处理图像中的。

11、至少三个锚点； 其中， 所述至少三个锚点完全包裹的区域为 所述待处理图像中不可运动区域； 所述基于所述至少三个目标像素点对所述待处理图像进行德劳内三角化， 获得三角网 络， 包括： 基于所述至少三个目标像素点和所述至少三个锚点对所述待处理图像进行德劳内三 角化， 获得所述三角网络。 10.根据权利要求1所述的方法， 其特征在于， 若所述待处理图像中包括图片遮罩区域， 所述基于所述三角网络中每个像素点的纹理坐标数据， 对所述动画图像进行渲染， 生成所 权利要求书 2/3 页 3 CN 111340918 A 3 述待处理图像的动态图， 包括： 基于所述三角网络中每个像素点的纹理坐标数据， 对所述。

12、动画图像中除所述图片遮罩 区域之外的区域进行渲染， 生成所述待处理图像的动态图。 11.一种动态图生成装置， 其特征在于， 包括： 第一获取模块， 用于获取待处理图像中的至少三个目标像素点； 其中， 所述目标像素点 为绘制线上的像素点， 所述绘制线用于表征所述待处理图像中像素点的运动趋势； 网络构建模块， 用于基于所述至少三个目标像素点对所述待处理图像进行德劳内三角 化， 获得三角网络； 第一生成模块， 用于根据所述运动趋势对所述三角网络中的所述目标像素点进行纹理 坐标动画插值， 生成动画图像； 其中， 所述动画图像包括所述三角网络中每个像素点的纹理 坐标数据； 第二生成模块， 用于基于所述三。

13、角网络中每个像素点的纹理坐标数据， 对所述动画图 像进行渲染， 生成所述待处理图像的动态图。 12.一种电子设备， 其特征在于， 包括处理器、 存储器及存储在所述存储器上并可在所 述处理器上运行的计算机程序， 所述计算机程序被所述处理器执行时实现如权利要求1至 10中任一项所述的动态图生成方法的步骤。 13.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质上存储计算机程 序， 所述计算机程序被处理器执行时实现如权利要求1至10中任一项所述的动态图生成方 法的步骤。 权利要求书 3/3 页 4 CN 111340918 A 4 动态图生成方法、 装置、 电子设备及计算机可读存储介质。

14、 技术领域 0001 本发明涉及图像处理技术领域， 尤其涉及一种动态图生成方法、 装置、 电子设备及 计算机可读存储介质。 背景技术 0002 现实生活中有很多的静态图， 虽然镜头表达很好， 但总是让人觉的不够生动， 缺乏 生命力。 如果能使这些图片中的某些元素， 按照近似自然规律的方式运动起来， 整个图片会 更具有冲击力， 更容易把当时的情绪传递给观看者。 0003 现有技术中， 动态图可以通过图像处理软件如PS软件制作生成。 然而， PS软件在制 作生成动态图时， 像素点的运行方式通常是直线的， 且是单纯地将不同位置的图像叠加， 这 样， 动态图运动方式比较机械， 使制作的动态图效果比较差。

15、。 发明内容 0004 本发明实施例提供一种动态图生成方法、 装置、 电子设备及计算机可读存储介质， 以解决现有技术中动态图运动方式比较机械， 使制作的动态图效果比较差的问题。 0005 第一方面， 本发明实施例提供了一种动态图生成方法， 所述方法包括： 0006 获取待处理图像中的至少三个目标像素点； 其中， 所述目标像素点为绘制线上的 像素点， 所述绘制线用于表征所述待处理图像中像素点的运动趋势； 0007 基于所述至少三个目标像素点对所述待处理图像进行德劳内三角化， 获得三角网 络； 0008 根据所述运动趋势对所述三角网络中的所述目标像素点进行纹理坐标动画插值， 生成动画图像； 其中，。

16、 所述动画图像包括所述三角网络中每个像素点的纹理坐标数据； 0009 基于所述三角网络中每个像素点的纹理坐标数据， 对所述动画图像进行渲染， 生 成所述待处理图像的动态图。 0010 第二方面， 本发明实施例还提供一种动态图生成装置， 包括： 0011 第一获取模块， 用于获取待处理图像中的至少三个目标像素点； 其中， 所述目标像 素点为绘制线上的像素点， 所述绘制线用于表征所述待处理图像中像素点的运动趋势； 0012 网络构建模块， 用于基于所述至少三个目标像素点对所述待处理图像进行德劳内 三角化， 获得三角网络； 0013 第一生成模块， 用于根据所述运动趋势对所述三角网络中的所述目标像素。

17、点进行 纹理坐标动画插值， 生成动画图像； 其中， 所述动画图像包括所述三角网络中每个像素点的 纹理坐标数据； 0014 第二生成模块， 用于基于所述三角网络中每个像素点的纹理坐标数据， 对所述动 画图像进行渲染， 生成所述待处理图像的动态图。 0015 第三方面， 本发明实施例还提供一种电子设备， 包括处理器、 存储器及存储在所述 存储器上并可在所述处理器上运行的计算机程序， 所述计算机程序被所述处理器执行时实 说明书 1/15 页 5 CN 111340918 A 5 现上述动态图生成方法的步骤。 0016 第四方面， 本发明实施例还提供一种计算机可读存储介质， 所述计算机可读存储 介质上。

18、存储计算机程序， 所述计算机程序被处理器执行时实现上述动态图生成方法的步 骤。 0017 本发明实施例中， 使用绘制线来表征待处理图像中像素点的运动趋势， 将绘制线 上的至少三个目标像素点作为待处理图像的德劳内三角网络的运动点， 根据运动趋势控制 这些运动点的纹理坐标动画， 并基于这些运动点的纹理坐标动画对待处理图像的动画图像 进行渲染， 从而生成待处理图像的动态图。 由于绘制线上包括至少三个目标像素点， 因此， 可以表征待处理图像中像素点的任意运动， 这样使得动态图的运动方式更加丰富且灵活， 动态图的制作效果得以提高。 同时， 通过控制这些运动点的纹理坐标动画， 按照每个运动点 的运动轨迹进。

19、行动画， 使得动态图的整个动画效果更加自然。 附图说明 0018 为了更清楚地说明本发明实施例的技术方案， 下面将对本发明实施例描述中所需 要使用的附图作简单地介绍， 显而易见地， 下面描述中的附图仅仅是本发明的一些实施例， 对于本领域普通技术人员来讲， 在不付出创造性劳动性的前提下， 还可以根据这些附图获 得其他的附图。 0019 图1是本发明实施例提供的动态图生成方法的流程图； 0020 图2是待处理图像中的目标像素点的纹理坐标动画轨迹示意图； 0021 图3是本发明实施例提供的动态图生成方法中步骤103的细化流程图； 0022 图4是本发明实施例提供的动态图生成方法中步骤104的细化流程。

20、图； 0023 图5是基于目标像素点和锚点所构建的三角网络示意图； 0024 图6是本发明实施例提供的动态图生成装置的结构图之一； 0025 图7是本发明实施例提供的动态图生成装置中第一生成模块的细化结构图； 0026 图8是本发明实施例提供的动态图生成装置中第二生成模块的细化结构图之一； 0027 图9是本发明实施例提供的动态图生成装置中第二生成模块的细化结构图之二； 0028 图10是本发明实施例提供的动态图生成装置的结构图之二； 0029 图11是本发明实施提供的电子设备的结构图。 具体实施方式 0030 下面将结合本发明实施例中的附图， 对本发明实施例中的技术方案进行清楚、 完 整地描。

21、述， 显然， 所描述的实施例是本发明一部分实施例， 而不是全部的实施例。 基于本发 明中的实施例， 本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施 例， 都属于本发明保护的范围。 0031 下面对本发明实施例提供的动态图生成方法进行说明。 0032 需要说明的是， 本发明实施例提供的动态图生成方法可以应用于电子设备。 可选 的， 该电子设备可以为终端设备， 用于对待处理图像进行图像处理， 生成所述待处理图像的 动态图， 达到提高动态图的制作效果的目的。 0033 参见图1， 图1是本发明实施例提供的动态图生成方法的流程图， 如图1所示， 包括 说明书 2/15 页 6 CN 。

22、111340918 A 6 以下步骤： 0034 步骤101， 获取待处理图像中的至少三个目标像素点； 其中， 所述目标像素点为绘 制线上的像素点， 所述绘制线用于表征所述待处理图像中像素点的运动趋势； 0035 步骤102， 基于所述至少三个目标像素点对所述待处理图像进行德劳内三角化， 获 得三角网络； 0036 步骤103， 根据所述运动趋势对所述三角网络中的所述目标像素点进行纹理坐标 动画插值， 生成动画图像； 其中， 所述动画图像包括所述三角网络中每个像素点的纹理坐标 数据； 0037 步骤104， 基于所述三角网络中每个像素点的纹理坐标数据， 对所述动画图像进行 渲染， 生成所述待处。

23、理图像的动态图。 0038 在步骤101中， 所述绘制线可以预先存储于本地， 也可以由用户输入， 相应的， 终端 设备接收针对所述待处理图像所输入的绘制线。 0039 所述绘制线的种类可以有多种， 比如， 绘制线可以为直线， 可以为任意弯曲的曲 线， 可以为由不同弯曲方向组成的曲线等。 0040 所述绘制线可以为带有箭头的绘制线， 所述箭头即可以表示所述待处理图像中像 素点的运动趋势， 按照箭头在绘制线上的流转方向， 即可以确定所述待处理图像中像素点 的运动趋势。 0041 在所述绘制线上采集待处理图像中目标像素点的方式有多种， 比如， 按照等间距 的方式在所述绘制线上采集待处理图像中的目标像。

24、素点， 也可以按照不规则间距的方式在 所述绘制线上采集待处理图像中的目标像素点。 0042 在步骤102中， 为了构建待处理图像的德劳内三角网络， 还需要借助于目标边界上 的网络构建点， 这些网络构建点是固定不动的。 其中， 所述目标边界为包裹所述待处理图像 的边界， 比如， 若所述待处理图像的2D像素点的位置映射在-11之间， 则所述目标边界可 以为位置坐标绝对值大于1的边界， 也就是说， 可以包裹位置在-11之间的2D像素点。 以下 实施例中， 所述目标边界可以以位置-22的边界为例进行说明。 0043 所述三角网络即可以为所述待处理图像在所述目标边界为-22之间的德劳内三 角网络。 00。

25、44 所述基于所述至少三个目标像素点对所述待处理图像进行德劳内三角化， 获得三 角网络， 可以具体包括： 0045 基于所述至少三个目标像素点， 以及目标边界上的网络构建点， 对所述待处理图 像进行德劳内三角化， 获得三角网络。 其中， 所述三角网络可以有效表征所述待处理图像。 0046 需要说明的是， 可以采用开放图形库(Open Graphics Library， OpenGL)对待处理 图像进行图像处理， 生成所述待处理图像的动态图。 在使用OpenGL做图像处理时， 所述待处 理图像中的像素点可以包括两个位置属性， 分别是灰度位置和纹理坐标位置。 0047 其中， 像素点的灰度位置可以。

26、理解为该像素点在待处理图像上的位置， 该像素点 在待处理图像上的位置在像素点运动时始终不变， 也就是说， 在像素点运动过程中， 像素点 A还是原来的像素点A， 不会变成像素点B。 而像素点的纹理坐标位置用于表征该像素点的运 动属性， 也就是说， 在运动过程中， 像素点A的纹理坐标可以从纹理坐标A1运动到纹理坐标 A2。 说明书 3/15 页 7 CN 111340918 A 7 0048 另外， 可以采用所述三角网络中像素点的灰度数据和纹理坐标数据来表征所述待 处理图像， 相应的， 在构建所述待处理图像的三角网络之后， 可以生成三角网络中每个像素 点的灰度数据和纹理坐标数据。 0049 在步骤。

27、103中， 所述三角网络中可以包括很多个像素点， 其中， 规定只有目标像素 点才可以运动。 且根据待处理图像中像素点的运动趋势， 所述至少三个目标像素点中每个 目标像素点都可以有自己的纹理坐标动画轨迹， 且纹理坐标动画轨迹可以不同。 0050 参见图2， 图2是待处理图像中的目标像素点的纹理坐标动画轨迹示意图， 如图2所 示， 待处理图像可以包括3个目标像素点， 分别为P1、 P2和P3， 且其运动趋势可以为P1-P2- P3， 其中， 图示中的P1、 P2和P3所处的位置即为待处理图像中的纹理坐标位置。 针对目标像 素点P1， 其纹理坐标动画轨迹可以为从纹理坐标位置P6经P1至纹理坐标位置P。

28、7， 而针对目 标像素点P2， 其纹理坐标动画轨迹与目标像素点P1的纹理坐标动画轨迹不同， 其纹理坐标 动画轨迹可以为从纹理坐标位置P4经P2至纹理坐标位置P5。 0051 具体的， 可以根据所述运动趋势， 控制每个目标像素点基于各自的纹理坐标动画 轨迹进行运动， 其中， 其运动速率可以匀速， 也可以变速， 以下实施例进行详细说明。 0052 在运动过程中， 可以基于目标像素点的纹理坐标动画轨迹对待处理图像中的目标 像素点进行纹理坐标动画插值， 生成每个目标像素点的纹理坐标数据。 比如， 针对目标像素 点P2， 其纹理坐标动画轨迹可以为从纹理坐标位置P4经P2至纹理坐标位置P5， 在运动过程 。

29、中， 目标像素点P2的纹理坐标数据即为纹理坐标位置P4经P2至纹理坐标位置P5之间的插 值。 0053 之后， 基于每个目标像素点的纹理坐标数据， 灰度数据， 以及三角网络中其他像素 点的灰度数据和纹理坐标数据， 生成所述待处理图像的动画图像。 其中， 所述动画图像包括 所述三角网络中每个像素点的纹理坐标数据。 0054 需要说明的是， 在进行插值时， 随着采样时刻的变化， 插值获得的纹理坐标数据也 可能会不一样， 因此， 针对每个采样时刻生成的目标像素点的纹理坐标数据也会不一样。 比 如， 针对目标像素点P2， 其纹理坐标动画轨迹可以为从纹理坐标位置P4经P2至纹理坐标位 置P5， 在各采样。

30、时刻， 其插值获得的纹理坐标数据可以为P4、 P4A、 P4B、 P4C、 P2、 P2A、 P2B、 P2C、 P5， 这些纹理坐标数据即可以构成目标像素点P2的纹理坐标动画数据。 0055 相应的， 针对目标像素点的纹理坐标动画数据， 可以生成所述待处理图像的多个 动画图像。 每个动画图像中都包括一采样时刻下各目标像素点的纹理坐标数据。 0056 在步骤104中， 可以针对所述待处理图像的单个动画图像， 基于三角网络中每个像 素点的纹理坐标数据， 对所述待处理图像的各动画图像进行单独渲染， 也可以针对所述待 处理图像的两个动画图像， 基于两个动画图像中所述三角网络中每个像素点的纹理坐标数 。

31、据， 对所述待处理图像的各动画图像进行融合渲染。 以下实施例中， 对所述动画图像进行渲 染将以融合渲染进行详细说明。 0057 渲染之后， 即可以生成所述待处理图像的动态图。 0058 本实施例中， 使用绘制线来表征待处理图像中像素点的运动趋势， 将绘制线上的 至少三个目标像素点作为待处理图像的德劳内三角网络的运动点， 根据运动趋势控制这些 运动点的纹理坐标动画， 并基于这些运动点的纹理坐标动画对待处理图像的动画图像进行 渲染， 从而生成待处理图像的动态图。 说明书 4/15 页 8 CN 111340918 A 8 0059 由于绘制线上包括至少三个目标像素点， 因此， 可以表征待处理图像中。

32、像素点的 任意运动， 这样使得动态图的运动方式更加丰富且灵活， 动态图的制作效果得以提高。 同 时， 通过控制这些运动点的纹理坐标动画， 按照每个运动点的运动轨迹进行动画， 使得动态 图的整个动画效果更加自然。 0060 可选的， 基于图1所示的实施例， 参见图3， 图3是本发明实施例提供的动态图生成 方法中步骤103的细化流程图， 如图3所示， 步骤103具体包括： 0061 步骤1031， 根据所述运动趋势， 确定所述目标像素点的纹理坐标动画轨迹； 0062 步骤1032， 基于所述目标像素点的纹理坐标动画轨迹， 确定所述目标像素点在运 动轨迹周期内每个采样时刻对应的纹理坐标数据； 其中，。

33、 所述运动轨迹周期为所述目标像 素点基于所述目标像素点的纹理坐标动画轨迹从起点至终点运动完成的时间周期； 0063 步骤1033， 基于所述目标像素点在所述运动轨迹周期内每个采样时刻对应的纹理 坐标数据， 生成所述运动轨迹周期的每个采样时刻对应的动画图像。 0064 在步骤1031中， 可以基于待处理图像中像素点的运动趋势， 确定每个目标像素点 的纹理坐标动画轨迹， 且每个目标像素点的纹理坐标动画轨迹可以不同。 0065 在步骤1032中， 针对目标像素点的纹理坐标动画轨迹， 其运动轨迹周期可以为所 述目标像素点基于所述目标像素点的纹理坐标动画轨迹从起点至终点运动完成的时间周 期， 也就是说，。

34、 目标像素点可以在运动轨迹周期内完成一次完整的轨迹运动。 同时， 为了保 证各目标像素点运动的一致性， 各目标像素点的运动轨迹周期一致。 0066 目标像素点基于一运动速率在其纹理坐标动画轨迹上运动， 其运动速率可以匀 速， 也可以变速， 这里不对其进行限定。 并且， 运动速率越快， 其完成一次完整的轨迹运动所 需要的运动轨迹周期越短， 在后续生成的动态图中像素点运动的越快。 相应的， 运动速率越 慢， 其完成一次完整的轨迹运动所需要的运动轨迹周期越长， 在后续生成的动态图中像素 点运动的越慢。 0067 在所述运动轨迹周期内， 基于目标像素点的纹理坐标动画轨迹， 可以每隔预设时 间对所述目标。

35、像素点进行纹理坐标动画插值， 生成该目标像素点的纹理坐标动画数据， 比 如， 每隔1秒对所述目标像素点进行纹理坐标动画插值。 也可以在纹理坐标动画轨迹中每隔 预设距离对所述目标像素点进行纹理坐标动画插值， 生成该目标像素点的纹理坐标动画数 据， 比如， 可以将纹理坐标动画轨迹等距离分为30段子轨迹， 在各子轨迹的终点处对所述目 标像素点进行纹理坐标动画插值。 0068 其中， 进行插值时的时刻即为运动轨迹周期内的采样时刻。 相应的， 基于所述目标 像素点的纹理坐标动画轨迹， 确定所述目标像素点在运动轨迹周期内每个采样时刻对应的 纹理坐标数据。 0069 在步骤1033中， 可以基于所述目标像素。

36、点在所述运动轨迹周期内每个采样时刻对 应的纹理坐标数据， 灰度数据， 以及三角网络中其他像素点的灰度数据和纹理坐标数据， 生 成所述运动轨迹周期的每个采样时刻对应的动画图像。 0070 本实施例中， 通过基于所述目标像素点的纹理坐标动画轨迹， 确定所述目标像素 点在运动轨迹周期内每个采样时刻对应的纹理坐标数据， 从而生成所述待处理图像在运动 轨迹周期内的多个动画图像， 进而将这些动画图像进行渲染生成所述待处理图像的动态 图。 说明书 5/15 页 9 CN 111340918 A 9 0071 可选的， 所述至少三个目标像素点中包括第一目标像素点； 0072 若所述第一目标像素点为所述运动趋势。

37、中为起点的目标像素点， 所述第一目标像 素点的纹理坐标动画轨迹为第一轨迹像素点经所述第一目标像素点运动至第二轨迹像素 点； 0073 若所述第一目标像素点为所述运动趋势中处于起点和终点之间的目标像素点， 所 述第一目标像素点的纹理坐标动画轨迹为第三轨迹像素点经所述第一目标像素点运动至 第四轨迹像素点； 0074 若所述第一目标像素点为所述运动趋势中为终点的目标像素点， 所述第一目标像 素点的纹理坐标动画轨迹为第五轨迹像素点经所述第一目标像素点运动至第六轨迹像素 点； 0075 其中， 所述第一轨迹像素点为在所述第一目标像素点至所述第一目标像素点的后 一个目标像素点的直线上按照第一预设步长确定的。

38、像素点， 所述第二轨迹像素点为在所述 第一目标像素点的后一个目标像素点至所述第一目标像素点的延长线上按照所述第一预 设步长确定的像素点； 0076 所述第三轨迹像素点为在所述第一目标像素点的前一个目标像素点至所述第一 目标像素点的延长线上按照所述第一预设步长确定的像素点， 所述第四轨迹像素点为在所 述第一目标像素点的后一个目标像素点至所述第一目标像素点的延长线上按照所述第一 预设步长确定的像素点； 0077 所述第五轨迹像素点为在所述第一目标像素点的前一个目标像素点至所述第一 目标像素点的延长线上按照所述第一预设步长确定的像素点， 所述第六轨迹像素点为在所 述第一目标像素点至所述第一目标像素点。

39、的前一个目标像素点的直线上按照所述第一预 设步长确定的像素点。 0078 具体的， 如图2所示， 运动趋势为P1-P2-P3， 其中， 目标像素点P1为所述运动趋势 中为起点的目标像素点， 目标像素点P2为所述运动趋势处于起点和终点之间的目标像素 点， 目标像素点P3为所述运动趋势中为终点的目标像素点。 0079 针对目标像素点P1， 其纹理坐标动画轨迹为第一轨迹像素点经目标像素点P1运动 至第二轨迹像素点， 如图2所示， 目标像素点P1的纹理坐标动画轨迹为第一轨迹像素点P6- 目标像素点P1-第二轨迹像素点P7。 0080 针对目标像素点P2， 其纹理坐标动画轨迹为第三轨迹像素点经目标像素点。

40、P2运动 至第四轨迹像素点， 如图2所示， 目标像素点P2的纹理坐标动画轨迹为第三轨迹像素点P4- 目标像素点P2-第四轨迹像素点P5。 0081 针对目标像素点P3， 其纹理坐标动画轨迹为第五轨迹像素点经目标像素点P3运动 至第六轨迹像素点， 其中， 目标像素点P3的纹理坐标动画轨迹与目标像素点P1的求解方式 类似。 0082 所述第一预设步长可以根据实际情况进行设置， 且第一预设步长可以表征目标像 素点的纹理运动轨迹的幅度。 也就是说， 第一预设步长设置的越大， 则目标像素点的纹理运 动轨迹的幅度越大， 生成的动态图中元素运动则越剧烈， 比如， 第一预设步长设置的越大， 动态图中海浪运动则。

41、越剧烈。 第一预设步长设置的越小， 则反之。 0083 需要说明的是， 若所述待处理图像中的目标像素点的数量不止3个， 则处于起点和 说明书 6/15 页 10 CN 111340918 A 10 终点之间的目标像素点不止目标像素点P2， 这些目标像素点的纹理坐标动画轨迹与目标像 素点P2的求解方式类似， 这里不再对其赘述。 0084 本实施例中， 待处理图像的至少三个目标像素点中每个目标像素点都有各自的纹 理坐标动画轨迹， 且每个目标像素点的纹理坐标动画轨迹都可以不同， 因此， 可以控制每个 目标像素点基于各自的纹理坐标动画轨迹进行运动， 使得后续生成的动态图中整个动画更 加自然。 0085。

42、 可选的， 所述目标像素点基于所述目标像素点的纹理坐标动画轨迹从起点至终点 的运动速率通过三次贝塞尔曲线调节。 0086 本实施例中， 使用三次贝塞尔曲线调节目标像素点在纹理坐标动画轨迹上运动的 速率， 使得目标像素点在纹理坐标动画轨迹做变速运动， 这样可以使整个运动过程更加柔 和， 从而可以使待处理图像的动态图中运动更加柔和。 0087 可选的， 基于图3所示的实施例， 参见图4， 图4是本发明实施例提供的动态图生成 方法中步骤104的细化流程图， 如图4所示， 步骤104具体包括： 0088 步骤1041， 针对所述运动轨迹周期内每个第一采样时刻， 将所述第一采样时刻对 应的第一动画图像中。

43、所述三角网络中每个第一像素点的纹理坐标数据， 与第二采样时刻对 应的第二动画图像中所述三角网络中每个所述第一像素点对应的第二像素点的纹理坐标 数据进行融合； 其中， 所述第一采样时刻与所述第二采样时刻的间隔为所述运动轨迹周期 时长的一半； 0089 步骤1042， 基于融合后的纹理坐标数据， 对所述运动轨迹周期内每个采样时刻对 应的动画图像进行渲染， 生成所述待处理图像的动态图。 0090 在步骤1041中， 可以采用两帧动画图像融合的方式渲染图像， 具体的， 是对两帧动 画图像中所述三角网络中像素点的纹理坐标数据进行融合， 并基于融合的纹理坐标数据来 渲染图像。 0091 举个例子来说， 设。

44、运动轨迹周期为t， 在运动轨迹周期内包括100个采样时刻， 在运 动轨迹周期内每个采样时刻生成一帧动画图像， 因此， 在运动轨迹周期内包括100帧动画图 像， 且所述运动轨迹周期内每个采样时刻都对应一帧动画图像。 比如， 第1个采样时刻即0时 刻对应第1帧动画图像， 第50个采样时刻即t/2时刻对应第50帧动画图像， 而第100个采样时 刻即t时刻对应第100帧动画图像等等。 0092 针对所述运动轨迹周期内每个第一采样时刻， 将所述第一采样时刻对应的第一动 画图像与第二采样时刻对应的第二动画图像进行融合， 所述第一采样时刻与所述第二采样 时刻的间隔为所述运动轨迹周期时长的一半。 另外， 所述。

45、第二采样时刻可以在所述第一采 样时刻之后。 0093 也就是说， 可以定义两个缓冲区， 第一个缓冲区为第一动画图像， 由0时刻开始， 第 二个缓冲区为第二动画图像， 由t/2时刻开始， 依次将第一动画图像和对应的第二动画图像 进行融合。 比如， 0时刻时， 第一动画图像为第1帧动画图像， 第二动画图像为第50帧动画图 像， 将第1帧动画图像和第50帧动画图像进行融合， 下一个时刻时， 第一动画图像为第2帧动 画图像， 第二动画图像为第51帧动画图像， 将第2帧动画图像和第51帧动画图像进行融合， 依次类推。 0094 需要说明的是， 在当前运动轨迹周期的下半周期， 由于第二采样时刻在所述第一 。

46、说明书 7/15 页 11 CN 111340918 A 11 采样时刻之后， 因此， 所述第二动画图像为下一个运动轨迹周期的动画图像。 由于在每个运 动轨迹周期目标像素点的纹理坐标动画数据类似， 因此， 通过融合两个缓冲区， 使得可以同 时渲染两个缓冲区， 这样， 可以使生成的动态图首尾帧无缝链接。 0095 在融合时， 将第一动画图像中所述三角网络中每个第一像素点的纹理坐标数据， 与第二动画图像中所述三角网络中每个所述第一像素点对应的第二像素点的纹理坐标数 据进行融合。 也就是说， 针对一第一像素点， 可以基于该第一像素点的灰度数据， 在第二动 画图像的所述三角网络中查找与第一像素点的灰度。

47、数据相同的第二像素点， 将第一像素点 与该第二像素点的纹理坐标数据进行融合。 0096 在步骤1042中， 基于所述运动轨迹周期内每个采样时刻融合后的纹理坐标数据， 对所述运动轨迹周期内每个采样时刻对应的动画图像进行渲染， 生成所述待处理图像的动 态图。 0097 本实施例中， 使用两层缓冲区融合的方式渲染动画图像， 使生成的动态图中运动 更加柔和， 首尾帧可以无缝链接， 整个展示过程更具有观赏性。 0098 另外， 可以采样融合参数Alpha融合两个缓冲区， 该融合参数Alpha可以是不变的， 也可以变化的。 当变化时， 在0时刻时， Alpha可以为0， 在t/2时刻时， Alpha可以变。

48、为1， 而在t 时刻时， Alpha又可以变为0。 0099 优选的， 将纹理坐标数据进行融合的融合参数随着所述动画图像的采样时刻变化 而变化， 且随着所述动画图像的采样时刻变化， 所述融合参数的变化速率基于三次贝塞尔 曲线调节。 0100 这样， 通过三次贝塞尔曲线调节Alpha， 从而可以使Alpha通过渐变速率进行变化， 进而可以使整个运动过程更加柔和。 0101 可选的， 所述将所述第一采样时刻对应的第一动画图像中所述三角网络中每个第 一像素点的纹理坐标数据， 与第二采样时刻对应的第二动画图像中所述三角网络中每个所 述第一像素点对应的第二像素点的纹理坐标数据进行融合之前， 所述方法还包。

49、括： 0102 针对每个所述第一像素点， 判断所述第一像素点是否超出预设范围； 若是， 则将所 述第一像素点的纹理坐标数据进行镜像处理； 0103 判断所述第一像素点对应的第二像素点的纹理坐标数据是否超出预设范围； 若 是， 则将所述第二像素点的纹理坐标数据进行镜像处理； 0104 将所述第一采样时刻对应的第一动画图像中所述三角网络中每个第一像素点的 纹理坐标数据， 与第二采样时刻对应的第二动画图像中所述三角网络中每个所述第一像素 点对应的第二像素点的纹理坐标数据进行融合， 包括： 0105 针对每个所述第一像素点， 将镜像处理后的所述第一像素点和/或所述第二像素 点的纹理坐标数据进行融合。 。

50、0106 也就是说， 由于在构建待处理图像的三角网络时， 构建的是在目标边界之间的德 劳内三角网络， 该目标边界为包裹待处理图像的边界， 其位置坐标超出了待处理图像的位 置坐标范围， 因此， 在渲染时， 第一像素点和第二像素点的纹理坐标数据都可能超出预设范 围。 0107 这样， 在融合之前， 需要分别判断第一像素点和第二像素点的纹理坐标数据是否 超出预设范围， 若超出预设范围， 则需要将超出预设范围的像素点的纹理坐标数据进行镜 说明书 8/15 页 12 CN 111340918 A 12 像处理。 比如， 预设范围为01， 若第一像素点的纹理坐标数据为(-0.5， -0.5)， 则第一像素。