CN103021007A - 一种动画播放的方法，装置及设备 - Google Patents

Abstract

本发明提供了一种动画播放的方法，装置及设备，涉及一种图像处理技术。所述方法包括：以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；以所述预定帧速率播放绘制有补充影像的动画。通过在帧间绘制补充影像的方式来消除动画在以预定帧速率播放时，两帧间产生间断残影的问题，令使用者可以获得更真实、连贯的视觉体验。

Description

一种动画播放的方法,装置及设备

本申请要求享有申请日为2012年9月04日、申请号为201210324327.5、发明名称为一种改善触屏设备图形界面滚动效果的方法的优先权。

技术领域

本发明涉及一种图像处理技术，尤其涉及一种动画播放的方法，装置及设备。

背景技术

当前主流支持触屏设备的操作***，如Android(安卓)、IOS(苹果操作***)、Windows Phone的图形界面的刷新方式是清晰的原始单帧渲染。对于大多数触屏设备而言，当其图形界面的刷新率为60帧/秒时，在图形界面的刷新过程中，每两帧图像之间会有15ms以上的间隔。当触屏上的图标或文字等界面元素在用户手指的控制下滚动时，如果图形界面的滚动速度较快，图标或文字在两帧间隔内移动的距离就会比较大，可达0.5-3cm，由于视觉暂留作用，使用者就会看到几个不连续的图像，出现间断的残影，从而造成使用者感觉图形界面滚动不够流畅和真实。

发明内容

本发明实施例提供了一种动画播放的方法，装置及设备，可以解决两帧图像间出现间断的残影，而造成动画显示界面滚动不够流畅的问题。

一方面，本发明实施例提供了一种动画播放的方法，所述方法包括：

以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

以所述预定帧速率播放绘制有补充影像的动画。

优选地，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像，包括：

通过原始帧的多重绘制的方式或/和仿自然曝光变换的方式，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像。

优选地，所述通过原始帧的多重绘制的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像为：

以动画的各帧的播放时序为参照基准，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像。

优选地，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像，包括：

根据所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径的长度，及动画显示界面的像素点距DPI，确定要绘制的所述前一播放的帧图像的透明度；

以所确定的透明度在所述移动路径上多重绘制所述前一播放的帧图像。

优选地，所述通过仿自然曝光变换的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像为：

以动画的各帧的播放时序为参照基准，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，得到补充影像。

优选地，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，包括：

对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换。

其中，所述规则为一维压缩变换算法。

优选地，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换包括：

根据所述移动路径的长度及所述像素点的位置，将所述像素点分别按照预定比例压缩为具有一定透明度的一维图像，得到的各一维图像构成所述补充影像。

优选地，根据所述移动路径的长度及所述像素点的位置，将所述像素点分别按照预定比例压缩为具有一定透明度的一维图像，包括：

将所述像素点构成的图像成为图像矩阵M，其中，m与n为图像矩阵M的长和宽，a为所述移动路径的长度，P₁(i，j)为所述图像矩阵M内i行j列的像素点，而像素点P₁(i，j)按照预定比例压缩为具有一定透明度后的坐标为P₁(x，j)，那么，所述图像矩阵M内的各像素点按如下公式进行变换：

当a>m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<m);$

$P_1(x,j)=\frac{\underset{i=0}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<a+m);$

当a<m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<m);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a+m)\&CenterDot;$

另一方面，本发明实施例提供了一种动画播放的装置，所述装置包括：

预处理模块，用于以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

播放模块，用于以所述预定帧速率播放所述预处理模块得到的绘制有补充影像的动画。

优选地，所述预处理模块包括：

第一预处理单元，用于通过原始帧的多重绘制的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；或/和，

第二预处理单元，用于通过仿自然曝光变换的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像。

优选地，所述第一预处理单元，用于以动画的各帧的播放时序为参照基准，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像。

优选地，所述第一预处理单元，用于根据所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径的长度，及动画显示界面的像素点距DPI，确定要绘制的所述前一播放的帧图像的透明度；并以所确定的透明度在所述移动路径上多重绘制所述前一播放的帧图像。

优选地，所述第二预处理单元，用于以动画的各帧的播放时序为参照基准，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，得到补充影像。

优选地，所述第二与处理单元，用于对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换。

其中，所述规则为一维压缩变换算法。

优选地，所述第二预处理单元，用于根据所述移动路径的长度及所述像素点的位置，将所述像素点按照预定比例压缩为具有一定透明度的一维图像，得到的各一维图像构成所述补充影像。

优选地，所述第二预处理单元，用于将所述像素点构成的图像成为图像矩阵M，其中，m与n为图像矩阵M的长和宽，a为所述移动路径的长度，P₁(i，j)为所述图像矩阵M内i行j列的像素点，而像素点P₁(i，j)按照预定比例压缩为具有一定透明度后的坐标为P₁(x，j)，那么，所述图像矩阵M内的各像素点按如下公式进行变换：

当a>m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<m);$

$P_1(x,j)=\frac{\underset{i=0}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<a+m);$

当a<m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<m);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a+m)\&CenterDot;$

再一方面，本发明实施例还提供了一种设备，所述设备包括：

触摸屏幕；

一个或多个处理器；

存储器；和

一个或多个模块，所述一个或多个模块存储于所述存储器中并被配置成由所述一个或多个处理器执行，其中，所述一个或多个模块具有如下功能：

以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

以所述预定帧速率播放绘制有补充影像的动画。

本发明实施例的有益效果是，在以预定帧速率播放动画前，在动画的每一相邻两帧图像间的移动路径上绘制补充影像，然后再以所述预定帧速率播放绘制有补充影像的动画，从而消除动画在以预定帧速率播放时，两帧间产生间断残影的问题，令使用者可以获得更真实、连贯的视觉体验。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例所提供的一种动画播放的方法流程示意图；

图2是本发明实施例提供的一种前后两帧图像在移动距离a>图像矩阵长度m，图像矩阵分开时进行压缩变换处理的示意图；

图3是本发明实施例提供的一种前后两帧图像在移动距离a>矩阵长度m，图像矩阵未完全分开时进行压缩变换处理的示意图；

图4a是本发明实施例提供的一种未采用本发明实施例提供的技术方案时，动画显示界面上动画显示过程示意图；

图4b是本发明实施例提供的一种采用本发明实施例提供的技术方案时，动画显示界面上动画显示过程示意图；

图5是本发明实施例提供的一种动画播放的装置的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

参见图1，为本发明实施例所提供的一种动画播放的方法，具体可以包括如下步骤：

步骤101：以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

步骤102：以所述预定帧速率播放绘制有补充影像的动画。

本发明实施例在具体实现时，在以预定帧速率播放动画前，在动画的每一相邻两帧图像间的移动路径上绘制补充影像，然后再以所述预定帧速率播放绘制有补充影像的动画，从而消除动画在以预定帧速率播放时，两帧间产生间断残影的问题，令使用者可以获得更真实、连贯的视觉体验。

优选地，在以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像的实现方式可以包括：

通过原始帧的多重绘制的方式或/和仿自然曝光变换的方式，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像。以使得该绘制的补充影像可以填补两帧在移动路径上产生的间断的残影，使用户可以获得连贯流畅的视觉体验。

本发明实施例并不限定于上述原始帧的多重绘制的方式及仿自然曝光变换的方式在相邻两帧图像间的移动路径上绘制补充影像，实际实现时，可以根据对动画播放时性能和质量要求的不同来绘制相邻两帧图像间移动路径上的补充影像，以克服在动画被快速播放时，相邻两帧图像间产生残影的问题。

本发明实施例中，所述通过原始帧的多重绘制的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像可以为：

以动画的各帧的播放时序为参照基准，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像。

优选地，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像，可以包括：

根据所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径的长度，及动画显示界面的像素点距DPI，确定要绘制的所述前一播放的帧图像的透明度；

以所确定的透明度在所述移动路径上多重绘制所述前一播放的帧图像。

本实例通过在相邻两帧间的移动路径上多重绘制具有一定透明度的补充影像来填补在以预定帧速率播放动画时，相连两帧间产生的残影，实现方式简单，且效果良好，在以24帧/s以上的速率就可以获得相对流畅和连贯的视觉体验。

本发明实施例中，所述通过仿自然曝光变换的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像为：

以动画的各帧的播放时序为参照基准，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，得到补充影像。

优选地，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，包括：

对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换。

本发明实施例中，所述规则可以为一维压缩变化算法，本发明实施例对此并不做具体限定。

本发明实施例中，当所述规则为一维压缩变化算法时，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换可以包括：

根据所述移动路径的长度及所述像素点的位置，将所述像素点分别按照预定比例压缩为具有一定透明度的一维图像，得到的各一维图像构成所述补充影像。

优选地，根据所述移动路径的长度及所述像素点的位置，将所述像素点分别按照预定比例压缩为具有一定透明度的一维图像，包括：

将所述像素点构成的图像成为图像矩阵M，其中，m与n为图像矩阵M的长和宽，a为所述移动路径的长度，P₁(i，j)为所述图像矩阵M内i行j列的像素点，而像素点P₁(i，j)按照预定比例压缩为具有一定透明度后的坐标为P₁(x，j)，那么，所述图像矩阵M内的各像素点按如下公式进行变换：

当a>m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<m);$

$P_1(x,j)=\frac{\underset{i=0}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<a+m);$

当a<m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<m);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a+m)\&CenterDot;$

本实例通过上述仿自然曝光的方式来绘制相邻两帧间的补充影像的方式处理后的图像可以达到与原图像在一帧的时间内自然曝光形成的影像相同，使得绘制到的图像效果很好，极大提升用户的视觉体验。

现结合具体的应用场景来详细说明上述技术方案的实现，具体描述如下：

针对用户滑动触屏设备致使图像显示界面出现滑动的应用场景：当检测到用户界面滑动时，不渲染清晰的原始帧，而是在相邻两帧之间的路径上绘制补充影像，并渲染输出绘制有补充影像的图像。其中，所述补充影像的特征为具有与滑动速度或滑动距离(这里，滑动距离为滑动速度与根据当前图形界面的刷新率确定的刷新时间的乘积)相关的透明度，所述补充影像的生成方法依据对性能和质量的不同要求，包括原始帧的多重绘制和仿自然曝光变换两种方式。

本实例中，所述仿自然曝光变换的技术方案是对两帧间图标或文字移动路径的像素点，按照规则对其RGB(红绿蓝)色彩信息与不透明度信息进行变换，并赋予一定的透明度。该方法处理后的图像与原图像在一帧的时间内自然曝光形成的影像相同。其中的一种实施方法是采用一维压缩变换方法来对移动路径上的像素点进行变换。该方法虽然对设备的运算性能要求较高，但该方式所绘制得到的图像的质量很好，可以极大的提高用户的视觉体验。

具体可以参见图2及图3，其中，图2为本发明实施例提供的一种前后两帧图像在移动距离a>图像矩阵长度m，图3为本发明实施例提供的一种前后两帧图像在移动距离a>矩阵长度m，图像矩阵未完全分开时进行压缩变换处理的示意图；那么，在图2、3所示的情景中，图像矩阵M为一个分辨率为m＊n的矩形图标或文字等界面显示元素，P(i，j)为其i行j列的点，P1(x，j)为变换后横坐标为x，纵坐标为j的点；上一帧图像M0(1)或(3)经滚动距离a，滚动到当前帧M1(2)或(4)；那么，就可以采用一维压缩变换算法在M的滚动方向的法向量的方向上，将滚动路径上已经的部分或全部图标及文字按比例压缩为如图2中虚线(5)的具有透明度信息的一维的图像。具体实现时，根据像素点在M中的不同的位置分别采用上述公式来进行压缩变换，如图2和图3中的x1，x2，x3，分别对应a>m和a<m时的三个公式。

将j从0到n，依次对RGB颜色与不透明度共四个变量按照公式进行变换，对于图2所示的前后两帧完全分开的情景，使用a>m时的公式；对于图3的未完全分开的情况，使用a<m时的公式。经变换得到了x处的一维图像。然后从坐标0到坐标a+m经过相同运算得到的一系列一维图像就组成了变换后的图像矩阵。采用上述方式，对帧中每一个需要滚动的图标或文字都进行变换，即得到了所需绘制的变换后的整幅帧。

所述原始帧的多重绘制的技术方案是在两帧之间的路径上进行原始帧的多重绘制，并且每一帧都有与速度相关的透明度。补充影像的透明度与UI(用户界面)滚动速度成反比，同时也受屏幕的像素点距DPI、帧序影响。处理结果接近一帧时间内自然曝光的影像，性能表现好。

如图2及3所示，当用户界面滑动时，记录上一帧界面M0(1)或(2)滚动坐标，从上一帧坐标到当前帧M1(2)或(4)坐标路径之间，进行原始帧的多重绘制，依据屏幕的像素点距(DPI)不同与滑动距离的不同，每隔k个点重绘一次，并且每一帧都有与速度相关的透明度。补充影像的透明度与此帧滑动距离a的关系由k/a的反比例曲线经调整得来。根据实际试验来进行调整曲线的形状，使得最终该处理后的图像接近原图像在一帧的时间内自然曝光形成的影像。

通过上述技术方案的实现，当用户滑动触屏时，通过原始帧的多重绘制的方式或/和仿自然曝光变换的方式，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像。以使得该绘制的补充影像可以填补两帧在移动路径上产生的间断的残影，使用户可以获得连贯流畅的滑动体验。

参见图4a，为本发明实施例提供的一种未采用本发明实施例提供的技术方案时，动画显示界面上动画显示过程示意图，其中，图中是以显示界面上的相机的图标为例进行滑动过程动画的；当用户滑动触摸屏幕时，如以60帧/s的刷新率进行清晰的原始单帧渲染，此时，当图形界面滚动时，每两相邻两帧图像之间将会有15ms以上的间隔，如果此时的滑动速度约为0.3m/s时，该相邻两帧间间隔约为0.5cm，则由于视觉暂留的作用，用户将会看到图4a所示的图像，两帧图像间出现间断的残影；

图4b是本发明实施例提供的一种采用本发明实施例提供的技术方案时，动画显示界面上动画显示过程示意图，其中，图中是以显示界面上的相机的图标为例进行滑动过程动画的；当用户滑动触摸屏幕时，如以60帧/s的刷新率进行清晰的原始单帧渲染，此时，当图形界面滚动时，每两相邻两帧图像之间将会有15ms以上的间隔，如果此时的滑动速度约为0.3m/s时，该相邻两帧间间隔约为0.5cm，采用本实施例所述的技术方案，如在该0.5cm的移动路径上重绘前一帧，填补两帧在移动路径上产生的间断的残影，这样，用户将会看到图4b所示的图像，使得在触屏滑动时，两帧图像间不再出现间断的残影，可以平滑过渡，使用户可以获得连贯流畅的滑动体验。

另外，本发明实施例还提供了一种动画播放的装置，参见图5，所述装置包括：

预处理模块201，用于以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

播放模块202，可以用于以所述预定帧速率播放预处理模块201得到的绘制有补充影像的动画。

优选地，预处理模块201包括：

第一预处理单元，可以用于通过原始帧的多重绘制的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；或/和，

第二预处理单元，可以用于通过仿自然曝光变换的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像。

本发明实施例中，优选地，所述第一预处理单元，可以用于以动画的各帧的播放时序为参照基准，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像。

进一步优选地，所述第一预处理单元，具体可以用于根据所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径的长度，及动画显示界面的像素点距DPI，确定要绘制的所述前一播放的帧图像的透明度；并以所确定的透明度在所述移动路径上多重绘制所述前一播放的帧图像。

本发明实施例中，优选地，所述第二预处理单元，可以用于以动画的各帧的播放时序为参照基准，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，得到补充影像。

进一步优选地，所述第二与处理单元，具体可以用于对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换。

本发明实施例中，所述规则可以为一维压缩变换算法等变换算法。

当所述规则为一维压缩变换算法时，本发明实施例所述第二预处理单元，具体可以用于根据所述移动路径的长度及所述像素点的位置，将所述像素点分别按照预定比例压缩为具有一定透明度的一维图像，得到的各一维图像构成所述补充影像。

较佳地，所述第二预处理单元，具体可以用于将所述像素点构成的图像成为图像矩阵M，其中，m与n为图像矩阵M的长和宽，a为所述移动路径的长度，P₁(i，j)为所述图像矩阵M内i行j列的像素点，而像素点P₁(i，j)按照预定比例压缩为具有一定透明度后的坐标为P₁(x，j)，那么，所述图像矩阵M内的各像素点按如下公式进行变换：

当a>m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<m);$

$P_1(x,j)=\frac{\underset{i=0}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<a+m);$

当a<m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<m);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a+m)\&CenterDot;$

本发明实施例在以预定帧速率播放动画前，在动画的每一相邻两帧图像间的移动路径上绘制补充影像，然后再以所述预定帧速率播放绘制有补充影像的动画，从而消除动画在以预定帧速率播放时，两帧间产生间断残影的问题，令使用者可以获得更真实、连贯的视觉体验。

再者，本发明实施例还提供了一种设备，所述设备包括：

触摸屏幕；

一个或多个处理器；

存储器；和

一个或多个模块，所述一个或多个模块存储于所述存储器中并被配置成由所述一个或多个处理器执行，其中，所述一个或多个模块具有如下功能：

以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

以所述预定帧速率播放绘制有补充影像的动画。

其中，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像的实现方式请参考上述相关方法及装置中相关的描述，此处就不再赘述。

本发明实施例所提供的设备在以预定帧速率播放动画前，在动画的每一相邻两帧图像间的移动路径上绘制补充影像，然后再以所述预定帧速率播放绘制有补充影像的动画，从而消除动画在以预定帧速率播放时，两帧间产生间断残影的问题，令使用者可以获得更真实、连贯的视觉体验。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明实施例可以通过硬件实现，也可以借助软件加必要的通用硬件平台的方式来实现。基于这样的理解，本发明实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

本领域技术人员可以理解附图只是一个优选实施例的示意图，附图中的模块或流程并不一定是实施本发明所必须的。

本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中，也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (19)

1.一种动画播放的方法，其特征在于，所述方法包括：

以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

以所述预定帧速率播放绘制有补充影像的动画。

2.根据权利要求1所述的方法，其特征在于，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像，包括：

通过原始帧的多重绘制的方式或/和仿自然曝光变换的方式，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像。

3.根据权利要求2所述的方法，其特征在于，所述通过原始帧的多重绘制的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像为：

以动画的各帧的播放时序为参照基准，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像。

4.根据权利要求3所述的方法，其特征在于，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像，包括：

根据所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径的长度，及动画显示界面的像素点距DPI，确定要绘制的所述前一播放的帧图像的透明度；

以所确定的透明度在所述移动路径上多重绘制所述前一播放的帧图像。

5.根据权利要求2所述的方法，其特征在于，所述通过仿自然曝光变换的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像为：

以动画的各帧的播放时序为参照基准，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，得到补充影像。

6.根据权利要求5所述的方法，其特征在于，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，包括：

对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换。

7.根据权利要求6所述的方法，其特征在于，所述规则为一维压缩变换算法。

8.根据权利要求7所述的方法，其特征在于，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换包括：

根据所述移动路径的长度及所述像素点的位置，将所述像素点分别按照预定比例压缩为具有一定透明度的一维图像，得到的各一维图像构成所述补充影像。

9.根据权利要求8所述的方法，其特征在于，根据所述移动路径的长度及所述像素点的位置，将所述像素点分别按照预定比例压缩为具有一定透明度的一维图像，包括：

将所述像素点构成的图像成为图像矩阵M，其中，m与n为图像矩阵M的长和宽，a为所述移动路径的长度，P₁(i，j)为所述图像矩阵M内i行j列的像素点，而像素点P₁(i，j)按照预定比例压缩为具有一定透明度后的坐标为P₁(x，j)，那么，所述图像矩阵M内的各像素点按如下公式进行变换：

当a>m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<m);$

$P_1(x,j)=\frac{\underset{i=0}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<a+m);$

当a<m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<m);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a+m)\&CenterDot;$

10.一种动画播放的装置，其特征在于，所述装置包括：

预处理模块，用于以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

播放模块，用于以所述预定帧速率播放所述预处理模块得到的绘制有补充影像的动画。

11.根据权利要求10所述的装置，其特征在于，所述预处理模块包括：

第一预处理单元，用于通过原始帧的多重绘制的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；或/和，

第二预处理单元，用于通过仿自然曝光变换的方式在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像。

12.根据权利要求11所述的装置，其特征在于，所述第一预处理单元，用于以动画的各帧的播放时序为参照基准，在所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上，多重绘制所述前一播放的帧图像。

13.根据权利要求12所述的装置，其特征在于，所述第一预处理单元，用于根据所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径的长度，及动画显示界面的像素点距DPI，确定要绘制的所述前一播放的帧图像的透明度；并以所确定的透明度在所述移动路径上多重绘制所述前一播放的帧图像。

14.根据权利要求11所述的装置，其特征在于，所述第二预处理单元，用于以动画的各帧的播放时序为参照基准，对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，进行矩阵变换处理，得到补充影像。

15.根据权利要求14所述的装置，其特征在于，所述第二与处理单元，用于对所述动画的前一播放的帧图像与后一播放的帧图像间的移动路径上的像素点，根据所述移动路径的长度及所述像素点的位置，按照规则对所述像素点的RGB色彩信息与不透明度信息进行变换。

16.根据权利要求15所述的装置，其特征在于，所述规则为一维压缩变换算法。

17.根据权利要求16所述的装置，其特征在于，所述第二预处理单元，用于根据所述移动路径的长度及所述像素点的位置，将所述像素点分别按照预定比例压缩为具有一定透明度的一维图像，得到的各一维图像构成所述补充影像。

18.根据权利要求17所述的装置，其特征在于，所述第二预处理单元，用于将所述像素点构成的图像成为图像矩阵M，其中，m与n为图像矩阵M的长和宽，a为所述移动路径的长度，P₁(i，j)为所述图像矩阵M内i行j列的像素点，而像素点P₁(i，j)按照预定比例压缩为具有一定透明度后的坐标为P₁(x，j)，那么，所述图像矩阵M内的各像素点按如下公式进行变换：

当a>m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<m);$

$P_1(x,j)=\frac{\underset{i=0}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<a+m);$

当a<m时，

$P_1(x,j)=\frac{\underset{i=0}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(0<x<a);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{x}{\mathrm{\&Sigma;}}}P(i,j)}{a}(a<x<m);$

$P_1(x,j)=\frac{\underset{i=x-a}{\overset{m}{\mathrm{\&Sigma;}}}P(i,j)}{a}(m<x<a+m)\&CenterDot;$

19.一种设备，其特征在于，所述设备包括：

触摸屏幕；

一个或多个处理器；

存储器；和

一个或多个模块，所述一个或多个模块存储于所述存储器中并被配置成由所述一个或多个处理器执行，其中，所述一个或多个模块具有如下功能：

以预定帧速率播放动画前，在所述动画的每一相邻两帧图像间的移动路径上绘制补充影像；

以所述预定帧速率播放绘制有补充影像的动画。

Images