基于Canvas的动画播放速度调整方法及装置与流程

文档序号:11156372阅读:来源:国知局

技术特征:

1.一种基于Canvas的动画播放速度调整方法,其特征在于,包括:

分别获取第一动画帧的Canvas画布上所有像素点数据和第二动画帧的Canvas画布上所有像素点数据,其中,所述第一动画帧和所述第二动画帧是相邻播放的动画帧;

计算目标帧数,其中,所述目标帧数为在所述第一动画帧和所述第二动画帧之间需要创建的动画帧的帧数;

分别计算多个目标变化差值,其中,所述多个目标变化差值分别为多个像素点差值与所述目标帧数的比值,所述多个像素点差值分别为多个像素点在所述第一动画帧上的像素点数据与在所述第二动画帧上的像素点数据之间的差值;

分别根据所述多个目标变化差值绘制多个目标动画帧;以及

顺序播放所述第一动画帧、所述多个目标动画帧和所述第二动画帧。

2.根据权利要求1所述的方法,其特征在于,计算目标帧数包括:

确定所述第一动画帧和所述第二动画帧之间的时间间隔;

确定单位时间间隔需要创建的动画帧的帧数;以及

计算所述目标帧数,其中,所述目标帧数为所述时间间隔与所述单位时间间隔需要创建的动画帧的帧数的乘积。

3.根据权利要求1所述的方法,其特征在于,分别根据所述多个目标变化差值绘制多个目标动画帧包括:

分别根据所述第一动画帧的Canvas画布上每个像素点数据、所述目标帧数和所述多个目标变化差值,计算所述目标帧数组像素点数据,得到多组像素点数据;以及

分别根据所述多组像素点数据绘制所述多个目标动画帧。

4.根据权利要求1所述的方法,其特征在于,分别计算多个目标变化差值包括:

分别计算多个像素点差值,其中,所述多个像素点差值分别为多个像素点在所述第一动画帧上的像素点数据与在所述第二动画帧上的像素点数据之间的差值;以及

根据所述多个像素点差值,分别计算多个目标变化差值,其中,所述目标变化差值是所述多个像素点差值与所述目标帧数的比值。

5.根据权利要求1所述的方法,其特征在于,在分别获取第一动画帧的Canvas画布上所有像素点数据和第二动画帧的Canvas画布上所有像素点数据之后,在计算目标帧数之前,所述方法还包括:将获取到的第一动画帧的Canvas画布上所有像素点数据存储至第一临时变量并将获取到的第二动画帧的Canvas画布上所有像素点数据存储至第二临时变量。

6.一种基于Canvas的动画播放速度调整装置,其特征在于,包括:

获取单元,用于分别获取第一动画帧的Canvas画布上所有像素点数据和第二动画帧的Canvas画布上所有像素点数据,其中,所述第一动画帧和所述第二动画帧是相邻播放的动画帧;

第一计算单元,用于计算目标帧数,其中,所述目标帧数为在所述第一动画帧和所述第二动画帧之间需要创建的动画帧的帧数;

第二计算单元,用于分别计算多个目标变化差值,其中,所述多个目标变化差值分别为多个像素点差值与所述目标帧数的比值,所述多个像素点差值分别为多个像素点在所述第一动画帧上的像素点数据与在所述第二动画帧上的像素点数据之间的差值;

绘制单元,用于分别根据所述多个目标变化差值绘制多个目标动画帧;以及

播放单元,用于顺序播放所述第一动画帧、所述多个目标动画帧和所述第二动画帧。

7.根据权利要求6所述的装置,其特征在于,所述第一计算单元包括:

第一确定模块,用于确定所述第一动画帧和所述第二动画帧之间的时间间隔;

第二确定模块,用于确定单位时间间隔需要创建的动画帧的帧数;以及

第一计算模块,用于计算所述目标帧数,其中,所述目标帧数为所述时间间隔与所述单位时间间隔需要创建的动画帧的帧数的乘积。

8.根据权利要求6所述的装置,其特征在于,所述绘制单元包括:

第二计算模块,用于分别根据所述第一动画帧的Canvas画布上每个像素点数据、所述目标帧数和所述多个目标变化差值,计算所述目标帧数组像素点数据,得到多组像素点数据;以及

绘制模块,用于分别根据所述多组像素点数据绘制所述多个目标动画帧。

9.根据权利要求6所述的装置,其特征在于,所述第二计算单元包括:

第三计算模块,用于分别计算多个像素点差值,其中,所述多个像素点差值分别为多个像素点在所述第一动画帧上的像素点数据与在所述第二动画帧上的像素点数据之间的差值;以及

第四计算模块,用于根据所述多个像素点差值,分别计算多个目标变化差值,其中,所述目标变化差值是所述多个像素点差值与所述目标帧数的比值。

10.根据权利要求6所述的装置,其特征在于,所述装置还包括:存储单元,用于将获取到的第一动画帧的Canvas画布上所有像素点数据存储至第一临时变量并将获取到的第二动画帧的Canvas画布上所有像素点数据存储至第二临时变量。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1