图像移动方法及装置与流程

本发明涉及图像处理技术领域，具体而言，涉及一种图像移动方法及装置。

背景技术：

随着硬件技术的发展以及观众对视觉效果要求的提高，图像/视频特效技术越来越多的被应用。图像/视频特效技术包括很多种，包括淡入淡出、模糊、锐化、拖尾和扭曲等等。其中，图像移动时的拖尾效果是图像/视频特效技术中重要的特效显示方式。

经发明人研究发现，现有的技术中在实现图像移动拖尾效果时通常采用填充颜色的方式或连续传输多张图像的方式，这会造成资源消耗过多的问题。

技术实现要素：

有鉴于此，本发明的目的在于提供一种图像移动方法及装置，以有效避免采用多张图像实现拖尾效果造成的消耗资源过多的问题。

为了达到上述目的，本发明较佳实施例提供一种图像移动方法，所述方法包括：

获取贝塞尔曲线，并得到所述贝塞尔曲线的起点和终点；

在所述贝塞尔曲线的起点处建立多个网格；

将图像按照网格的数量进行分割后得到多个图片；

将各所述图片分别加载至各所述网格；

将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。

在本发明的较佳实施例选择中，在上述图像移动方法中，在所述贝塞尔曲线的起点处建立多个网格的步骤包括：

在所述贝塞尔曲线的起点处建立多个重叠的网格，各所述网格分别对应有索引信息；

将各所述图片分别加载至各所述网格的步骤包括：

获取各所述图片的纹理uv坐标；

根据各所述图片的纹理uv坐标及各所述网格对应的索引信息得到各所述图片与各所述网格的对应关系，所述索引信息包括所述网格的顶点信息；

按照所述对应关系将各所述图片加载至对应的网格，且所述图片的纹理uv坐标加载至该图片对应的网格的各顶点上。

在本发明的较佳实施例选择中，在上述图像移动方法中，所述将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点的步骤包括：

根据各所述网格对应的索引信息得到各所述网格的移动顺序；

按照各所述网格的移动顺序将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。

在本发明的较佳实施例选择中，在上述图像移动方法中，每个网格包括邻接的两个三角形，每个三角形分别对应有一个索引信息，将各所述图片加载至对应的网格的步骤包括：

按照所述对应关系将各所述图片加载至对应的网格，且将所述图片的纹理uv坐标加载至该图片对应的网格的两个三角形的各顶点上。

在本发明的较佳实施例选择中，在上述图像移动方法中，在执行在所述贝塞尔曲线的起点处建立多个网格的步骤之前，所述方法还包括：

根据用户输入的起点、终点以及至少两个控制点建立一条贝塞尔曲线。

本发明还提供一种图像移动装置，所述装置包括：

曲线获取模块：用于获取贝塞尔曲线，并得到所述贝塞尔曲线的起点和终点；

网格建立模块：用于在所述贝塞尔曲线的起点处建立多个网格；

图像分割模块：用于将图像按照网格的数量进行分割后得到多个图片；

加载模块：用于将各所述图片分别加载至各所述网格；

移动模块：用于将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。

在本发明的较佳实施例选择中，在上述图像移动装置中，所述网格建立模块还用于在所述贝塞尔曲线的起点处建立多个重叠的网格，各所述网格分别对应有索引信息；

所述加载模块包括：

坐标获取子模块：用于获取各所述图片的纹理uv坐标；

对应关系生成子模块：用于根据各所述图片的纹理uv坐标及各所述网格对应的索引信息得到各所述图片与各所述网格的对应关系，所述索引信息包括所述网格的顶点信息；

加载子模块：用于按照所述对应关系将各所述图片加载至对应的网格，且所述图片的纹理uv坐标加载至该图片对应的网格的各顶点上。

在本发明的较佳实施例选择中，在上述图像移动装置中，移动模块包括：

顺序获取子模块：用于根据各所述网格对应的索引信息得到各所述网格的移动顺序；

移动子模块：用于按照各所述网格的移动顺序将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。

在本发明的较佳实施例选择中，在上述图像移动装置中，每个网格包括邻接的两个三角形，每个三角形分别对应有一个索引信息；

所述加载模块还用于按照所述对应关系将各所述图片加载至对应的网格，且将所述图片的纹理uv坐标加载至该图片对应的网格的两个三角形的各顶点上。

在本发明的较佳实施例选择中，在上述图像移动装置中，所述装置还包括：

曲线建立模块：用于根据用户输入的起点、终点以及至少两个控制点建立一条贝塞尔曲线。

本发明实施例提供的一种图像移动方法及装置，方法包括：获取贝塞尔曲线，并得到所述贝塞尔曲线的起点和终点，在所述贝塞尔曲线的起点处建立多个网格，将图像按照网格的数量进行分割后得到多个图片，将各所述图片分别加载至各所述网格，将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。通过上述设置以使图像在传输过程中实现拖尾效果，以有效避免采用多张图像实现拖尾效果造成的消耗资源过多的问题。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的一种电子设备的连接框图。

图2为本发明实施例提供的一种图像移动方法的流程示意图。

图3为图2中步骤s120的子步骤示意图。

图4为图2中步骤s150的子步骤示意图

图5为本发明实施例提供的一种图片加载的示意图。

图6为本发明实施例提供的一种图像移动装置的连接框图。

图7为本发明实施例提供的一种加载模块的连接框图。

图8为本发明实施例提供的一种移动模块的连接框图

图标：10-电子设备；12-存储器；14-处理器；100-图像移动装置；110-曲线获取模块；120-网格建立模块；130-图像分割模块；140-加载模块；142-坐标获取子模块；144-对应关系生成子模块；146-加载子模块；150-移动模块；152-顺序获取子模块；154-移动子模块。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

随着硬件技术的发展以及观众对视觉效果要求的提高，图像/视频特效技术越来越多的被应用，拖尾效果越来越多地被应用到游戏或视频画面中，以增加用户的视觉效果。

现有技术中，拖尾效果通常是采用具有显示能力的电子设备对多张图片进行处理并移动来实现的，这会使得终端设备在实现拖尾效果时会消耗过多的计算资源，且实现起来较为麻烦。

因此本发明提供了一种图像移动方法及装置，有效避免了采用多张图像实现拖尾效果造成的消耗资源过多以及实现麻烦的问题。

如图1所示，是本发明较佳实施例提供的电子设备10的方框示意图。本发明实施例中的电子设备10可以为服务器、计算机等具备数据处理能力及显示能力的设备。如图1所示，电子设备10包括：存储器12和处理器14。

所述存储器12与处理器14相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。存储器12中存储有以软件或固件(firmware)的形式存储于所述存储器12的软件功能模块，所述处理器14通过运行存储在存储器12内的软件程序以及模块，如本发明实施例中的图像移动装置100，从而执行各种功能应用以及数据处理，即实现本发明实施例中的图像移动方法。

可以理解，图1所示的结构仅为示意，电子设备10还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。

请参阅图2，本发明提供的一种图像移动方法，所述方法包括步骤s110～s150五个步骤。

步骤s110：获取贝塞尔曲线，并得到所述贝塞尔曲线的起点和终点。

其中，所述贝塞尔曲线可以是预先建立的，也可以是根据用户输入的起点、终点以及控制点建立的，在此不做具体限定。

可选的，在本实施例中，在获取贝塞尔曲线之前，所述方法还包括：根据用户输入的起点、终点以及至少两个控制点建立一条贝塞尔曲线。

步骤s120：在所述贝塞尔曲线的起点处建立多个网格。

其中，在所述贝塞尔曲线的起点处建立的网格的数量可以是但不限于3个、4个或5个，根据实际需求进行设置即可，在此不作具体限定。各所述网格的形状大小可以是相同的，也可以是不同的。在本实施例中，各所述网格的形状大小相同。所述网格的形状可以是但不限于三角形、长方形、正方形等规则形状，也可以是任意不规则形状。可选的，在本实施例中，所述网格的形状为长方形。

在所述贝塞尔曲线的起点处建立多个网格的方式可以是，在所述贝塞尔曲线的起点处建立多个依次排列的多个网格，也可以是在所述贝塞尔曲线的起点处建立多个重叠的网格。

可选的，在本实施例中，在所述贝塞尔曲线的起点处建立多个网格的步骤包括：在所述贝塞尔曲线的起点处建立多个重叠的网格，且各所述网格分别对应有索引信息。

其中，所述网格对应的索引信息可以包括该网格的各个顶点的信息。

步骤s130：将图像按照网格的数量进行分割后得到多个图片。

其中，各所述图片的大小可以是相同的，也可以是不同的。在本实施例中，各所述图片的大小相同。按照网格的数量进行分割后得到的图片的数量与所述网格的数量相同。

步骤s140：将各所述图片分别加载至各所述网格。

将各所述图片分别加载至各所述网格的方式可以是随机加载，也可以是每个图片分别对应一个网格，并将各图片加载至对应的各网格。

请结合图3，为使加载至各所述网格后的图片进行传输后得到的拖尾视觉效果更佳，可选的，在本实施例中，将各所述图片分别加载至各所述网格的步骤包括：

步骤s142：获取各所述图片的纹理uv坐标。

其中，所述图片的纹理uv坐标包括所述图片的四个顶点处的uv坐标。

步骤s144：根据各所述图片的纹理uv坐标及各所述网格对应的索引信息得到各所述图片与各所述网格的对应关系，所述索引信息包括所述网格的顶点信息。

步骤s146：按照所述对应关系将各所述图片加载至对应的网格，且所述图片的纹理uv坐标加载至该图片对应的网格的各顶点上。

步骤s150：将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。

通过上述设置以使加载图片后的各网格在沿所述贝塞尔曲线移动过程中实现拖尾效果，并有效避免采用多张图像实现拖尾效果造成的消耗资源过多的问题。

请参阅图5，以多个网格的数量为4个为例进行说明，各所述网格在所述贝塞尔曲线上的索引信息如下，第一个网格对应的索引信息为(0、1、9、8)，第二个网格对应的索引信息为(1、2、7、8)，第三个网格对应的索引信息为(2、3、6、7)，第四个网格信息对应的索引信息为(3、4、5、6)。将所述图像进行分割后得到的四个图片中，第一张图片的纹理uv坐标为((0，1)，(1/4，1)，(1/4，0)，(0，0))，第二张图的纹理uv坐标为((1/4，1)，(1/2，1)，(1/2，0)，(1/4，0))，第三张图的纹理uv坐标为((1/2，1)，(3/4，1)，(3/4，0)，(1/2，0))，第四张图的纹理uv坐标为((3/4，1)，(1，1)，(1，0)，(3/4，0))。在将各张图片加载至各所述网格时，第一张图片加载至所述第一个网格，且第一张图片的四个纹理坐标依次与所述第一个网格的四个索引信息对应；所述第二图片加载至所述第二个网格，且第二张图片的四个纹理坐标依次与第二个网格的四个索引信息对应；所述第三图片加载至所述第三个网格，且第三张图片的四个纹理坐标依次与第三个网格的四个索引信息对应；所述第四张图片加载至第四个网格，且第四张图片的四个纹理坐标依次与第四个网格的四个索引信息对应。

通过上述方法，以实现对各所述图片进行分割并加载至各所述网格，以使在各所述网格沿所述贝塞尔曲线移动的过程中，初始位置时各网格被重叠，在起点位置处各所述网格按照索引信息的顺序被展开并在沿所述贝塞尔曲线移动过程中被拉伸，当到达终点位置时，再次被重叠。进而使加载图片后的各所述网格在沿贝塞尔曲线移动过程中实现拖尾的效果。此外，通过将各所述图片依次加载至对应的网格，以使图片传输过程中被拉伸，进而有效避免了采用多张图像造成图像传输过程中存在模糊不清，影响拖尾效果的情况。

可选的，在本实施例中，每个网格包括邻接的两个三角形，每个三角形分别对应有一个索引信息，将各所述图片加载至对应的网格的步骤包括：按照所述对应关系将各所述图片加载至对应的网格，且将所述图片的纹理uv坐标加载至该图片对应的网格的两个三角形的各顶点上。

通过上述设置以使三角形的位置沿着贝塞尔曲线的路径移动，即三角形的位置变化，每段的也会有相应的拉伸，以使加载在所述三角形上的图片也会产生相应的拉伸效果。

请结合图6，本发明还提供一种图像移动装置100，包括曲线获取模块110、网格建立模块120、图像分割模块130、加载模块140以及移动模块150。

所述曲线获取模块110：用于获取贝塞尔曲线，并得到所述贝塞尔曲线的起点和终点。具体地，所述曲线获取模块110可用于执行图2中所示的步骤s110，具体的操作方法可参考步骤s110的详细描述。

所述网格建立模块120用于在所述贝塞尔曲线的起点处建立多个网格。具体地，所述网格建立模块120可用于执行图2中所示的步骤s120，具体的操作方法可参考步骤s120的详细描述。

所述网图像分割模块130用于将图像按照网格的数量进行分割后得到多个图片。具体地，所述网图像分割模块130可用于执行图2中所示的步骤s130，具体的操作方法可参考步骤s130的详细描述。

所述加载模块140用于将各所述图片分别加载至各所述网格。具体地，所述加载模块140可用于执行图2中所示的步骤s140，具体的操作方法可参考步骤s140的详细描述。

请结合图7，可选的，在本实施例中，所述网格建立模块120还用于在所述贝塞尔曲线的起点处建立多个重叠的网格，各所述网格分别对应有索引信息。所述加载模块140包括坐标获取子模块142、对应关系生成子模块144以及加载子模块146。

所述坐标获取子模块142用于获取各所述图片的纹理uv坐标。具体地，所述坐标获取子模块142可用于执行图3中所示的子步骤s142，具体的操作方法可参考子步骤s142的详细描述。

所述对应关系生成子模块144用于根据各所述图片的纹理uv坐标及各所述网格对应的索引信息得到各所述图片与各所述网格的对应关系，所述索引信息包括所述网格的顶点信息。具体地，所述对应关系生成子模块144可用于执行图3中所示的子步骤s144，具体的操作方法可参考子步骤s144的详细描述。

所述加载子模块146用于按照所述对应关系将各所述图片加载至对应的网格，且所述图片的纹理uv坐标加载至该图片对应的网格的各顶点上。具体地，所述加载子模块146可用于执行图3中所示的子步骤s146，具体的操作方法可参考子步骤s146的详细描述。

可选的，在本实施例中，每个网格包括邻接的两个三角形，每个三角形分别对应有一个索引信息，所述加载模块140还用于按照所述对应关系将各所述图片加载至对应的网格，且将所述图片的纹理uv坐标加载至该图片对应的网格的两个三角形的各顶点上。

所述移动模块150用于将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。具体地，所述移动模块150可用于执行图2中所示的步骤s150，具体的操作方法可参考步骤s150的详细描述。

请结合图8，可选的，在本实施例中，所述移动模块150包括：顺序获取子模块152和移动子模块154。

所述顺序获取子模块152用于根据各所述网格对应的索引信息得到各所述网格的移动顺序。具体地，所述顺序获取子模块152可用于执行图4中所示的子步骤s152，具体的操作方法可参考子步骤s152的详细描述。

所述移动子模块154用于按照各所述网格的移动顺序将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。具体地，所述移动子模块154可用于执行图4中所示的子步骤s154，具体的操作方法可参考子步骤s154的详细描述。

可选的，在本实施例中，所述图像移动装置100还包括曲线建立模块。所述曲线建立模块用于根据用户输入的起点、终点以及至少两个控制点建立一条贝塞尔曲线。关于所述曲线建立模块的具体实施过程可参照上述的图像移动方法中的描述，在此不作具体赘述。

综上，本发明提供的一种图像移动方法及装置，所述方法包括：获取贝塞尔曲线，并得到所述贝塞尔曲线的起点和终点，在所述贝塞尔曲线的起点处建立多个网格，将图像按照网格的数量进行分割后得到多个图片，将各所述图片分别加载至各所述网格，将加载图片后的各所述网格沿所述贝塞尔曲线的起点移动至所述贝塞尔曲线的终点。通过上述设置以使图像在传输过程中实现拖尾效果，并有效避免采用多张图像实现拖尾效果造成的消耗资源过多的问题。

在本发明实施例所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置和方法实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的装置来实现，或者可以用专用硬件与计算机指令的组合来实现。另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。