图像处理方法、装置、电子设备及计算机存储介质与流程

1.本公开涉及图像处理技术领域，特别涉及一种图像处理方法、装置、电子设备及计算机存储介质。


背景技术：

2.随着手机和移动设备的普及，越来越多的人喜欢用拍照来记录自己的生活。但是照片的感觉往往略显单调而不生动，而摄影的信息过多又不能保留瞬间的美感，所以简单的照片越来越不满足需求。相关技术中，针对该问题，iphone推出了live photo功能，实现了将图片跟视频结合起来，该方法又过于直接，是通过直接录制的方式获取动态视频，并不能实现对于历史已拍摄的静态图像的处理。


技术实现要素：

3.本公开提供了一种图像处理方法、装置、电子设备及计算机存储介质，用以实现将静态图像处理为动态视频的效果，提高了图像的生动性。
4.根据本公开实施例的第一方面，提供一种图像处理方法，包括：
5.构建与静态图像尺寸相同的第一空纹理和第二空纹理；
6.以所述静态图像为纹理原图，分别构建所述第一空纹理的第一纹理坐标序列以及所述第二空纹理的第二纹理坐标序列；
7.以所述第一纹理坐标序列和所述第二纹理坐标序列构成序列对，并基于预设的纹理坐标变换规则对所述序列对进行处理，得到至少一个新的序列对；
8.对每个序列对，采用所述第一纹理坐标序列对所述第一空纹理进行纹理映射得到第一纹理，并采用所述第二纹理坐标序列对所述第二空纹理进行纹理映射得到第二纹理；
9.将同一序列对的第一纹理和第二纹理同时绘制到缓存区得到一帧图像；
10.根据各序列对分别对应的一帧图像，得到由各帧图像构成的所述静态图像的动态图。
11.在一种可能的实施例中，所述以所述静态图像为纹理图，分别构建所述第一空纹理的第一纹理坐标序列以及所述第二空纹理的第二纹理坐标序列，包括：
12.响应于对参考信息的输入指令，确定用于生成所述动态图的参考信息；其中，所述参考信息中包括锚点以及多个向量的向量起点和向量终点；
13.将所述锚点和各所述向量起点进行归一化，得到所述第一纹理坐标序列；
14.将所述锚点和各所述向量终点进行归一化，得到所述第二纹理坐标序列。
15.在一种可能的实施例中，所述基于预设的纹理坐标变换规则对所述序列对进行处理，得到至少一个新的序列对，包括：
16.对每个序列对分别执行：
17.按照预设方向移动所述序列对中的所述第一纹理坐标序列中的各纹理坐标，得到新的第一纹理坐标序列；
18.按照所述预设方向的相反方向移动所述序列对中的所述第二纹理坐标序列中的各纹理坐标，得到新的第二纹理坐标序列；
19.由所述新的第一纹理坐标序列和所述新的第二纹理坐标序列，构建所述序列对的新的序列对。
20.在一种可能的实施例中，在构建与静态图像尺寸相同的第一空纹理和第二空纹理之前，所述方法还包括：
21.根据所述锚点、所述各向量的向量起点和向量终点，构建互不重叠的多个三角形面片；
22.由所述多个三角形面片的顶点构建顶点序列；其中，所述顶点序列中的每个顶点分别与所述第一纹理坐标系列和所述第二纹理坐标序列中的一个纹理坐标对应；
23.所述对每个序列对，采用所述第一纹理坐标序列对所述第一空纹理进行纹理映射得到第一纹理，并采用所述第二纹理坐标序列对所述第二空纹理进行纹理映射得到第二纹理，包括：
24.分别根据所述第一纹理坐标序列以及所述第二纹理坐标序列中的与所述顶点序列中的顶点的对应的纹理坐标进行纹理映射，得到所述第一纹理和所述第二纹理。
25.在一种可能的实施例中，所述将同一序列对的第一纹理和第二纹理同时绘制到缓存区得到一帧图像，包括：
26.根据预设的参数确定规则，分别确定所述第一纹理和所述第二纹理各自的调整参数；所述调整参数用于确定透明度和/或颜色值；
27.根据各自的调整参数分别对所述第一纹理和所述第二纹理进行调整；
28.按照所述第一纹理的图层在所述第二纹理的图层之上的顺序，将所述第一纹理和所述第二纹理叠加绘制到缓存区合成一帧图像。
29.在一种可能的实施例中，若所述调整参数包括透明度调整因子和颜色值调整因子，所述根据预设的参数确定规则，分别确定所述第一纹理和所述第二纹理各自的调整参数，包括：
30.获取合成上一帧图像时所述第一纹理和所述第二纹理的各自的透明度调整因子以及颜色值调整因子；
31.将所述第一纹理的所述透明度调整因子和所述颜色值调整因子分别降低指定步长；并，
32.将所述第二纹理的所述透明度调整因子和所述颜色值调整因子分别提高所述指定步长；
33.其中，所述透明度调整因子与所述透明度成反比，所述颜色值调整因子与所述颜色值成正比。
34.在一种可能的实施例中，每次移动所述纹理坐标时，所述第一纹理坐标序列和所述第二纹理坐标序列中对应同一顶点的纹理坐标移动相同距离。
35.在一种可能的实施例中，所述指定步长与所述调整参数的调整范围的比例为第一比例；所述纹理坐标每次移动的距离与所述纹理坐标的变化范围的比例为第二比例；且所述第一比例与所述第二比例相同。
36.根据本公开实施例的第二方面，提供一种图像处理装置，包括：
37.第一构建模块，被配置为执行构建与静态图像尺寸相同的第一空纹理和第二空纹理；
38.第二构建模块，被配置为执行以所述静态图像为纹理原图，分别构建所述第一空纹理的第一纹理坐标序列以及所述第二空纹理的第二纹理坐标序列；
39.处理模块，被配置为执行以所述第一纹理坐标序列和所述第二纹理坐标序列构成序列对，并基于预设的纹理坐标变换规则对所述序列对进行处理，得到至少一个新的序列对；
40.纹理映射模块，被配置为执行对每个序列对，采用所述第一纹理坐标序列对所述第一空纹理进行纹理映射得到第一纹理，并采用所述第二纹理坐标序列对所述第二空纹理进行纹理映射得到第二纹理；
41.绘制模块，被配置为执行将同一序列对的第一纹理和第二纹理同时绘制到缓存区得到一帧图像；
42.构成模块，被配置为执行根据各序列对分别对应的一帧图像，得到由各帧图像构成的所述静态图像的动态图。
43.在一种可能的实施例中，所述第二构建模块，被配置为执行以所述静态图像为纹理图，分别构建所述第一空纹理的第一纹理坐标序列以及所述第二空纹理的第二纹理坐标序列时，具体执行：
44.响应于对参考信息的输入指令，确定用于生成所述动态图的参考信息；其中，所述参考信息中包括锚点以及多个向量的向量起点和向量终点；
45.将所述锚点和各所述向量起点进行归一化，得到所述第一纹理坐标序列；
46.将所述锚点和各所述向量终点进行归一化，得到所述第二纹理坐标序列。
47.在一种可能的实施例中，所述处理模块，被配置为执行基于预设的纹理坐标变换规则对所述序列对进行处理，得到至少一个新的序列对时，具体执行：
48.对每个序列对分别执行：
49.按照预设方向移动所述序列对中的所述第一纹理坐标序列中的各纹理坐标，得到新的第一纹理坐标序列；
50.按照所述预设方向的相反方向移动所述序列对中的所述第二纹理坐标序列中的各纹理坐标，得到新的第二纹理坐标序列；
51.由所述新的第一纹理坐标序列和所述新的第二纹理坐标序列，构建所述序列对的新的序列对。
52.在一种可能的实施例中，所述第一构建模块，被配置为执行在构建与静态图像尺寸相同的第一空纹理和第二空纹理之前，所述第一构建模块，还被配置为执行：
53.根据所述锚点、所述各向量的向量起点和向量终点，构建互不重叠的多个三角形面片；
54.由所述多个三角形面片的顶点构建顶点序列；其中，所述顶点序列中的每个顶点分别与所述第一纹理坐标系列和所述第二纹理坐标序列中的一个纹理坐标对应；
55.所述纹理映射模块，被配置为执行对每个序列对，采用所述第一纹理坐标序列对所述第一空纹理进行纹理映射得到第一纹理，并采用所述第二纹理坐标序列对所述第二空纹理进行纹理映射得到第二纹理时，具体执行：
56.分别根据所述第一纹理坐标序列以及所述第二纹理坐标序列中的与所述顶点序列中的顶点的对应的纹理坐标进行纹理映射，得到所述第一纹理和所述第二纹理。
57.在一种可能的实施例中，所述绘制模块，被配置为执行将同一序列对的第一纹理和第二纹理同时绘制到缓存区得到一帧图像时，具体执行：
58.根据预设的参数确定规则，分别确定所述第一纹理和所述第二纹理各自的调整参数；所述调整参数用于确定透明度和/或颜色值；
59.根据各自的调整参数分别对所述第一纹理和所述第二纹理进行调整；
60.按照所述第一纹理的图层在所述第二纹理的图层之上的顺序，将所述第一纹理和所述第二纹理叠加绘制到缓存区合成一帧图像。
61.在一种可能的实施例中，若所述调整参数包括透明度调整因子和颜色值调整因子，所述绘制模块，被配置为执行根据预设的参数确定规则，分别确定所述第一纹理和所述第二纹理各自的调整参数时，具体执行：
62.获取合成上一帧图像时所述第一纹理和所述第二纹理的各自的透明度调整因子以及颜色值调整因子；
63.将所述第一纹理的所述透明度调整因子和所述颜色值调整因子分别降低指定步长；并，
64.将所述第二纹理的所述透明度调整因子和所述颜色值调整因子分别提高所述指定步长；
65.其中，所述透明度调整因子与所述透明度成反比，所述颜色值调整因子与所述颜色值成正比。
66.在一种可能的实施例中，每次移动所述纹理坐标时，所述第一纹理坐标序列和所述第二纹理坐标序列中对应同一顶点的纹理坐标移动相同距离。
67.在一种可能的实施例中，所述指定步长与所述调整参数的调整范围的比例为第一比例；所述纹理坐标每次移动的距离与所述纹理坐标的变化范围的比例为第二比例；且所述第一比例与所述第二比例相同。
68.根据本公开实施例的第三方面，提供一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如第一方面所述的方法。
69.根据本公开实施例的第四方面，提供一种计算机存储介质，所述计算机存储介质存储有计算机程序，所述计算机程序用于执行如第一方面所述的方法。
70.本公开的实施例提供的技术方案至少带来以下有益效果：
71.本公开提供了一种图像处理方法、装置、电子设备及计算机存储介质，涉及图像处理技术领域，该方法包括：通过构建与原始静态图像尺寸相同的两张纹理图像，并基于一定的规则进行纹理坐标变换，从而得到两张纹理同时输出的图像；然后将基于纹理坐标变换规则得到的多帧图像构成静态图像对应的动态图。该方式实现了将静态图像转为动态的效果，使得图像的效果更加生动活泼。
72.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
73.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
74.图1为本公开实施例提供的一种图像处理方法的应用场景示意图；
75.图2为本公开实施例提供的一种图像处理方法的流程示意图；
76.图3为本公开实施例提供的一种构建三角形面片的示意图；
77.图4为本公开实施例提供的一种图像处理方法的效果图；
78.图5为本公开实施例提供的一种图像处理装置的结构示意图；
79.图6为本公开实施例提供的电子设备的结构示意图。
具体实施方式
80.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
81.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应理解这样的描述在适当情况下可以互换，以便本公开的实施例能够以除了本公开的图示或描述的内容以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
82.随着手机和移动设备的普及，越来越多的人喜欢用拍照来记录自己的生活。但是照片的感觉往往略显单调而不生动，而摄影的信息过多又不能保留瞬间的美感，所以简单的照片越来越不满足需求。相关技术中，针对该问题，iphone推出了live photo功能，实现了将图片跟视频结合起来，该方法又过于直接，是通过直接录制的方式获取动态视频，并不能实现对于历史已拍摄的静态图像的处理。
83.有鉴于此，本公开提供了一种图像处理方法，参阅图1，为本公开实施例提供的一种图像处理方法的应用场景示意图，该场景中包括用户10、终端设备11、后台服务器12。用户10通过终端设备11执行用户操作，后台服务器12响应到用户操作后，构建与静态图像尺寸相同的第一空纹理和第二空纹理；以所述静态图像为纹理原图，分别构建所述第一空纹理的第一纹理坐标序列以及所述第二空纹理的第二纹理坐标序列；以所述第一纹理坐标序列和所述第二纹理坐标序列构成序列对，并基于预设的纹理坐标变换规则对所述序列对进行处理，得到至少一个新的序列对；对每个序列对，采用所述第一纹理坐标序列对所述第一空纹理进行纹理映射得到第一纹理，并采用所述第二纹理坐标序列对所述第二空纹理进行纹理映射得到第二纹理；将同一序列对的第一纹理和第二纹理同时绘制到缓存区得到一帧图像；根据各序列对分别对应的一帧图像，得到由各帧图像构成的所述静态图像的动态图。
84.其中终端设备11和后台服务器12可通过通信网络进行通信连接，该网络可以为局域网、广域网等。
85.终端设备11又可以称为用户设备(user equipment，ue)。用户设备可以是智能手机、平板电脑、各类可穿戴设备、车载设备等。用户设备中可以安装各种应用程序，比如相机、浏览器等。后台服务器12可以为任何能够支持相应的数据库处理的服务器设备。
86.下面结合附图对本公开实施例提供的一种图像处理方法进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。参阅图2，为本公开实施例提供的一种图像处理方法的流程示意图，包括以下步骤：
87.步骤201：构建与静态图像尺寸相同的第一空纹理和第二空纹理。
88.其中，通过构建两张空纹理，以实现后续得到静态图像进行纹理映射后的纹理图像，并且便于基于纹理坐标变换规则实现对于纹理坐标的变换，从而得到动态图。
89.步骤202：以所述静态图像为纹理原图，分别构建所述第一空纹理的第一纹理坐标变换规则以及所述第二空纹理的第二纹理坐标序列。
90.实施时，响应于对参考信息的输入指令，确定用于生成所述动态图的参考信息；其中，所述参考信息中包括锚点以及多个向量的向量起点和向量终点；将所述锚点和各所述向量起点进行归一化，得到所述第一纹理坐标序列；将所述锚点和各所述向量终点进行归一化，得到所述第二纹理坐标序列。
91.在一个实施例中，响应于对参考信息的输入指令，用户操作为输入多个锚点和向量，例如，参阅图3，其中的独立的黑点可视为输入的参考信息为锚点，而其中的带箭头方向的线段可视为输入的参考信息为向量，并且箭头指向的方向的点(如图3中的白点)视为向量终点，则同一向量的另一端的带你(如图3中的黑点)则视为向量起点。
92.实施时，用户首先选择输入的参考信息类型，若确定输入类型为锚点，则通过如图1中的终端设备11通过鼠标点击确定的坐标确定为锚点，或者通过手指在可触屏屏幕上按下的坐标确定为锚点；需要说明的是，静态图像的四个顶点为默认且必须的锚点。
93.若确定输入类型为向量，则需要获取向量起点和向量终点，实施时可选的，以鼠标按键按下的点作为向量起点，并以鼠标按键弹起的点作为向量终点。此外，若输入的向量起点和向量终点的位置坐标相同，则可将该向量视为一个锚点。
94.此外，实施时还包括，首先，根据所述锚点、所述各向量的向量起点和向量终点，构建互不重叠的多个三角形面片。例如，参阅图3，为本公开实施例提供的一种构建三角形面片的示意图，图3中是以锚点和向量起点作为顶点序列构建多个三角形面片的示意图，其中，多个三角形面片不重叠。其次，由所述多个三角形面片的顶点构建顶点序列；其中，所述顶点序列中的每个顶点分别与所述第一纹理坐标系列和所述第二纹理坐标序列中的一个纹理坐标对应。通过构建顶点序列，可实现进行纹理坐标变换后的顶点序列对应的纹理坐标，从而实现基于静态图像得到变换的纹理图像。
95.上述实施例中，构建互不重叠的三角形面片的实施方式，可选的，通过三角形剖分算法确定。通过三角形剖分算法首先确定出构建三角形面片的顶点序列中各顶点坐标的索引，然后将各顶点坐标的索引传入opengl(open graphics library，开放式图形库)中，则opengl会根据顶点坐标的索引依次选择三个索引确定三角形面片，直到最后将静态图像构建为多个三角形面片。
96.通过采用锚点和向量起点作为三角形顶点将静态图像划分为多个三角形面片，可通过确定三角形面片的顶点对应的纹理坐标，从而可确定针对该三角形确定的纹理。
97.步骤203：以所述第一纹理坐标序列和所述第二纹理坐标序列构成序列对，并基于预设的纹理坐标变换规则对所述序列对进行处理，得到至少一个新的序列对。
98.实施时，首先需初始化锚点、向量起点和向量终点的纹理坐标；即，将所述锚点、所
述向量起点、所述向量终点的在所述静态图像中的位置坐标进行归一化，得到初始的第一纹理坐标序列以及第二纹理坐标序列，即得到初始的序列对。例如，假设参考信息在静态图像中的位置坐标为[-1，-1]，则其对应的初始化纹理坐标为[0，0]；其中，静态图像的位置坐标范围为[-1，1]，而纹理坐标对应的范围为[0，1]。
[0099]
其次，针对每个序列对分别执行以下步骤：
[0100]
步骤a1：按照预设方向移动所述序列对中的所述第一纹理坐标序列中的各纹理坐标，得到新的第一纹理坐标序列。
[0101]
步骤a2：按照所述预设方向的相反方向移动所述序列对中的所述第二纹理坐标序列中的各纹理坐标，得到新的第二纹理坐标序列。
[0102]
需要说明的是，不限定步骤a1与步骤a2的执行顺序。
[0103]
步骤a3：由所述新的第一纹理坐标序列和所述新的第二纹理坐标序列，构建所述序列对的新的序列对。
[0104]
一种可能的实施方式中，对所述向量中的向量起点的纹理坐标按朝向所述向量中的向量终点的方向进行多次平移操作，每次平移操作后由所述锚点的纹理坐标和所述向量起点的平移操作后的纹理坐标作为所述多个三角形面片的第一纹理坐标序列；以及，对所述向量中的向量终点的纹理坐标按朝向所述向量中的向量起点的方向进行多次平移操作，每次平移操作后由所述锚点的纹理坐标和所述向量终点的平移操作后的纹理坐标作为所述多个三角形面片的第二纹理坐标序列。
[0105]
例如，实施时，向量起点的位置坐标为[-1，-1]，其向量的对应的向量终点为[1，1]；则其对应的向量起点的纹理坐标为[0，0]，其对应的向量终点的纹理坐标为[1，1]。若每隔0.1秒对向量起点的纹理坐标执行一次调整，则，参阅表1，为该向量起点在每次移动后的纹理坐标的示例，如下：
[0106]
表1
[0107][0108][0109]
相对应的，若每隔0.1秒对向量终点的纹理坐标执行一次调整，则，参阅表2，为该向量终点在每次移动后的纹理坐标的示例，如下：
[0110]
表2
[0111]
调整时刻静态图像的位置坐标移动后的纹理坐标初始化[-1,-1][(1-0)*1，(1-0)*1]第0.1秒[-1,-1][(1-0)*0.9，(1-0)*0.9]第0.2秒[-1,-1][(1-0)*0.8，(1-0)*0.8]
第0.3秒[-1,-1][(1-0)*0.7，(1-0)*0.7]
…
[-1,-1]
…
[0112]
需要说明的是，一种优选的实施方式中，每次移动所述纹理坐标时，所述第一纹理坐标序列和所述第二纹理坐标序列中对应同一顶点的纹理坐标移动相同距离。即针对第一纹理坐标序列中的各坐标点每次平移操作和针对第二纹理坐标序列中的各坐标点每次平移操作，所述向量起点的平移步长和所述向量终点的平移步长相同，以实现若向量起点平移到向量终点时，向量终点同时平移到向量起点，从而使得获取的第一纹理坐标序列和第二纹理坐标序列具有规律的对应变化。
[0113]
步骤204：对每个序列对，采用所述第一纹理坐标序列对所述第一空纹理进行纹理映射得到第一纹理，并采用所述第二纹理坐标序列对所述第二空纹理进行纹理映射得到第二纹理。
[0114]
实施时，分别根据所述第一纹理坐标序列以及所述第二纹理坐标序列中的与所述顶点序列中的顶点的对应的纹理坐标进行纹理映射，得到所述第一纹理和所述第二纹理。
[0115]
步骤205：将同一序列对的第一纹理和第二纹理同时绘制到缓存区得到一帧图像。
[0116]
实施时，为了更好的得到动态图像，在绘制输出时，还包括：根据预设的参数确定规则，分别确定所述第一纹理和所述第二纹理各自的调整参数；所述调整参数用于确定透明度和/或颜色值；根据各自的调整参数分别对所述第一纹理和所述第二纹理进行调整；然后，按照所述第一纹理的图层在所述第二纹理的图层之上的顺序，将所述第一纹理和所述第二纹理叠加绘制到缓存区合成一帧图像。
[0117]
一种优选的实施方式，若所述调整参数包括透明度调整因子和颜色值调整因子，所述根据预设的参数确定规则，分别确定所述第一纹理和所述第二纹理各自的调整参数，包括：
[0118]
步骤b1：获取合成上一帧图像时所述第一纹理和所述第二纹理的各自的透明度调整因子以及颜色值调整因子。
[0119]
步骤b2：将所述第一纹理的所述透明度调整因子和所述颜色值调整因子分别降低指定步长。
[0120]
步骤b3：将所述第二纹理的所述透明度调整因子和所述颜色值调整因子分别提高所述指定步长；其中，所述透明度调整因子与所述透明度成反比，所述颜色值调整因子与所述颜色值成正比。
[0121]
例如，第一纹理坐标序列为初始化时静态图像各三角形面片顶点序列对应的纹理坐标组，则将该第一纹理坐标序列的颜色调整因子设定为预设值1.0倍，并且随着每次纹理坐标的平移调整，按照指定步长调整颜色调整因子的预设值。实施时，指定步长可选的为0.1倍，则随着纹理坐标组的平移调整，颜色调整因子从预设值1.0每次减小0.1倍，直到减小到0.0倍。
[0122]
在确定颜色调整因子之后，根据所述颜色调整因子中与所述第一纹理对应的调整值对所述第一纹理进行调整；以及，根据所述颜色调整因子中与所述第二纹理对应的调整值对所述第二纹理进行调整；由调整后的第一纹理和调整后的第二纹理的颜色值进行求和得到所述纹理坐标组对应的一帧图像。例如，在初始化时，第一纹理的颜色调整因子为1.0倍，第二纹理的颜色调整因子为0.0倍，则对第一纹理和第二纹理的颜色值进行求和后确定
该帧图像的颜色值全部为第一纹理的颜色值；在第一次调整之后，第一纹理的颜色调整因子变为0.9倍，第二纹理的颜色调整因子变为0.1倍，则该帧图像的颜色值为第一纹理和第二纹理共同确定。其中透明度的调整与颜色值的调整方式类似，在此不再赘述。
[0123]
通过对于第一纹理和第二纹理的颜色值随着纹理坐标的平移操作的调整，可实现将静态图像在预设向量确定的方向上运动和变化的同时形成若隐若现的效果。
[0124]
此外，实施时，还可实施为：当所述向量起点移动所述向量终点位置时，将所述向量起点重新定义为向量终点；且，将所述向量终点重新定义成向量起点，且执行所述对所述向量中向量起点和所述向量终点的纹理坐标进行多次调整的步骤。并且，当颜色调整因子由1.0倍减小到0.0倍后，则变为从0.0倍增加到1.0的操作。
[0125]
并且，为了保障输出的动态图更加有序且美观，一种优选的实施方式中，指定步长与所述调整参数的调整范围的比例为第一比例；所述纹理坐标每次移动的距离与所述纹理坐标的变化范围的比例为第二比例；且所述第一比例与所述第二比例相同。即设定颜色调整因子指定步长的变化率，与纹理坐标的平移操作每次平移的变化率为相同的比例；从而实现向量起点运动到向量终点时，颜色调整因子从1.0倍变为0.0倍；然后，当将向量起点重新定义为向量终点时，颜色调整因子由减小指定步长变为增加指定步长。
[0126]
步骤206：根据各序列对分别对应的一帧图像，得到由各帧图像构成的所述静态图像的动态图。
[0127]
通过以上所介绍的各实施例，可实现通过获取参考信息对应的纹理坐标，并将参考信息的纹理坐标实现多次调整，以获取多帧调整时刻的图像，由于对应的每帧图像的纹理坐标的不同，则获取的每帧图像的表现形式不同；例如，三角形面片的顶点中若包括向量，则根据向量的运动会使得该三角形区域的图像表现为拉伸变形的效果，通过多次调整，可得到三角形顶点向预设规则的运动方向流动的效果。可以理解的是，由于锚点的纹理坐标不变化，则若三角形面片的三个顶点均为锚点的话，则该三角形面片不会发生变化。
[0128]
为了更清楚地理解通过本公开提供的方法之后得到的效果，参阅图4，为本公开实施例提供的一种图像处理方法的效果图，例如，想达到如图4中的船在水面上移动的效果，则通过在擦船体周围添加锚点，使得船体所在区域内的各三角形面片为固定值；而在船体后方添加向后运动的向量，以使船体后方的水面实现流动的效果。
[0129]
本公开提供的一种图像处理方法，通过纹理坐标和纹理坐标的平移调整，从而获取多个纹理坐标组，其中每个纹理坐标组对应一帧图像，将多帧图像按照顺序输出则可生成一个视频，从而实现了将静态图像转化为视频的效果，可达到让图片更加生动活泼的效果。
[0130]
基于相同的构思，参阅图5，为本公开实施例中一种图像处理装置的结构示意图，该装置包括：第一构建模块501、第二构建模块502、处理模块503、纹理映射模块504、绘制模块505以及构成模块506。
[0131]
第一构建模块501，被配置为执行构建与静态图像尺寸相同的第一空纹理和第二空纹理；
[0132]
第二构建模块502，被配置为执行以所述静态图像为纹理原图，分别构建所述第一空纹理的第一纹理坐标序列以及所述第二空纹理的第二纹理坐标序列；
[0133]
处理模块503，被配置为执行以所述第一纹理坐标序列和所述第二纹理坐标序列
构成序列对，并基于预设的纹理坐标变换规则对所述序列对进行处理，得到至少一个新的序列对；
[0134]
纹理映射模块504，被配置为执行对每个序列对，采用所述第一纹理坐标序列对所述第一空纹理进行纹理映射得到第一纹理，并采用所述第二纹理坐标序列对所述第二空纹理进行纹理映射得到第二纹理；
[0135]
绘制模块505，被配置为执行将同一序列对的第一纹理和第二纹理同时绘制到缓存区得到一帧图像；
[0136]
构成模块506，被配置为执行根据各序列对分别对应的一帧图像，得到由各帧图像构成的所述静态图像的动态图。
[0137]
在一种可能的实施例中，所述第二构建模块502，被配置为执行以所述静态图像为纹理图，分别构建所述第一空纹理的第一纹理坐标序列以及所述第二空纹理的第二纹理坐标序列时，具体执行：
[0138]
响应于对参考信息的输入指令，确定用于生成所述动态图的参考信息；其中，所述参考信息中包括锚点以及多个向量的向量起点和向量终点；
[0139]
将所述锚点和各所述向量起点进行归一化，得到所述第一纹理坐标序列；
[0140]
将所述锚点和各所述向量终点进行归一化，得到所述第二纹理坐标序列。
[0141]
在一种可能的实施例中，所述处理模块503，被配置为执行基于预设的纹理坐标变换规则对所述序列对进行处理，得到至少一个新的序列对时，具体执行：
[0142]
对每个序列对分别执行：
[0143]
按照预设方向移动所述序列对中的所述第一纹理坐标序列中的各纹理坐标，得到新的第一纹理坐标序列；
[0144]
按照所述预设方向的相反方向移动所述序列对中的所述第二纹理坐标序列中的各纹理坐标，得到新的第二纹理坐标序列；
[0145]
由所述新的第一纹理坐标序列和所述新的第二纹理坐标序列，构建所述序列对的新的序列对。
[0146]
在一种可能的实施例中，所述第一构建模块501，被配置为执行在构建与静态图像尺寸相同的第一空纹理和第二空纹理之前，所述第一构建模块501，还被配置为执行：
[0147]
根据所述锚点、所述各向量的向量起点和向量终点，构建互不重叠的多个三角形面片；
[0148]
由所述多个三角形面片的顶点构建顶点序列；其中，所述顶点序列中的每个顶点分别与所述第一纹理坐标系列和所述第二纹理坐标序列中的一个纹理坐标对应；
[0149]
所述纹理映射模块504，被配置为执行对每个序列对，采用所述第一纹理坐标序列对所述第一空纹理进行纹理映射得到第一纹理，并采用所述第二纹理坐标序列对所述第二空纹理进行纹理映射得到第二纹理时，具体执行：
[0150]
分别根据所述第一纹理坐标序列以及所述第二纹理坐标序列中的与所述顶点序列中的顶点的对应的纹理坐标进行纹理映射，得到所述第一纹理和所述第二纹理。
[0151]
在一种可能的实施例中，所述绘制模块505，被配置为执行将同一序列对的第一纹理和第二纹理同时绘制到缓存区得到一帧图像时，具体执行：
[0152]
根据预设的参数确定规则，分别确定所述第一纹理和所述第二纹理各自的调整参
数；所述调整参数用于确定透明度和/或颜色值；
[0153]
根据各自的调整参数分别对所述第一纹理和所述第二纹理进行调整；
[0154]
按照所述第一纹理的图层在所述第二纹理的图层之上的顺序，将所述第一纹理和所述第二纹理叠加绘制到缓存区合成一帧图像。
[0155]
在一种可能的实施例中，若所述调整参数包括透明度调整因子和颜色值调整因子，所述绘制模块505，被配置为执行根据预设的参数确定规则，分别确定所述第一纹理和所述第二纹理各自的调整参数时，具体执行：
[0156]
获取合成上一帧图像时所述第一纹理和所述第二纹理的各自的透明度调整因子以及颜色值调整因子；
[0157]
将所述第一纹理的所述透明度调整因子和所述颜色值调整因子分别降低指定步长；并，
[0158]
将所述第二纹理的所述透明度调整因子和所述颜色值调整因子分别提高所述指定步长；
[0159]
其中，所述透明度调整因子与所述透明度成反比，所述颜色值调整因子与所述颜色值成正比。
[0160]
在一种可能的实施例中，每次移动所述纹理坐标时，所述第一纹理坐标序列和所述第二纹理坐标序列中对应同一顶点的纹理坐标移动相同距离。
[0161]
在一种可能的实施例中，所述指定步长与所述调整参数的调整范围的比例为第一比例；所述纹理坐标每次移动的距离与所述纹理坐标的变化范围的比例为第二比例；且所述第一比例与所述第二比例相同。
[0162]
在介绍了本公开示例性实施方式中的图像处理方法和装置之后，接下来，介绍本公开的另一示例性实施方式的电子设备。
[0163]
所属技术领域的技术人员能够理解，本公开的各个方面可以实现为系统、方法或程序产品。因此，本公开的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。
[0164]
在一些可能的实施方式中，根据本公开的电子设备可以至少包括至少一个处理器、以及至少一个存储器。其中，存储器存储有程序代码，当程序代码被处理器执行时，使得处理器执行本说明书上述描述的根据本公开各种示例性实施方式的图像处理方法中的步骤。例如，处理器可以执行如图2中所示的步骤201-步骤206。
[0165]
下面参照图6来描述根据本公开的这种实施方式的电子设备130。图6显示的电子设备130仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
[0166]
如图6所示，电子设备130以通用计算装置的形式表现。电子设备130的组件可以包括但不限于：上述至少一个处理器131、上述至少一个存储器132、连接不同系统组件(包括存储器132和处理器131)的总线133。
[0167]
总线133表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器、外围总线、处理器或者使用多种总线结构中的任意总线结构的局域总线。
[0168]
存储器132可以包括易失性存储器形式的可读介质，例如随机存取存储器(ram)1321和/或高速缓存存储器1322，还可以进一步包括只读存储器(rom)1323。
[0169]
存储器132还可以包括具有一组(至少一个)程序模块1324的程序/实用工具1325，这样的程序模块1324包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
[0170]
电子设备130也可以与一个或多个外部设备134(例如键盘、指向设备等)通信，还可与一个或者多个使得目标对象能与电子设备130交互的设备通信，和/或与使得所述电子设备130能与一个或多个其它计算装置进行通信的任何设备(例如路由器、调制解调器等)通信。这种通信可以通过输入/输出(i/o)接口135进行。并且，计算装置130还可以通过网络适配器136与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器136通过总线133与用于电子设备130的其它模块通信。应当理解，尽管图中未示出，可以结合电子设备130使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。
[0171]
在一些可能的实施方式中，本公开提供的图像处理方法的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在计算机设备上运行时，程序代码用于使计算机设备执行本说明书上述描述的根据本公开各种示例性实施方式的图像处理方法中的步骤，例如，计算机设备可以执行如图2中所示的步骤201-步骤206。
[0172]
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。
[0173]
本公开的实施方式的用于图像处理的程序产品可以采用便携式紧凑盘只读存储器(cd-rom)并包括程序代码，并可以在计算装置上运行。然而，本公开的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，所述程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
[0174]
可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括——但不限于——电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，所述可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
[0175]
可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于——无线、有线、光缆、rf等，或者上述的任意合适的组合。
[0176]
可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码，程序设计语言包括面向对象的程序设计语言—诸如java、c 等，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在目标对象计算装置上执行、部分地在目标对象设备上执行、作为一个独立的软件包执行、部分在目标对象计算装置上部分在远程计算装置上执行、或者完全在远程计算装置或服务器上执行。在涉及远程计算装置的情形中，远程计算装置可以通过任意种类的网络——包括局域网
(lan)或广域网(wan)—连接到目标对象电子设备，或者，可以连接到外部电子设备(例如利用因特网服务提供商来通过因特网连接)。
[0177]
应当注意，尽管在上文详细描述中提及了装置的若干单元或子单元，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之，上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。
[0178]
此外，尽管在附图中以特定顺序描述了本公开方法的操作，但是，这并非要求或者暗示必须按照所述特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。
[0179]
本领域内的技术人员应明白，本公开的实施例可提供为方法、系统、或计算机程序产品。因此，本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
[0180]
本公开是参照根据本公开实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0181]
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在所述计算机可读存储器中的指令产生包括指令装置的制造品，所述指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0182]
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0183]
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
[0184]
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。