动画展示方法和装置制造方法及图纸

本发明专利技术涉及一种动画展示方法和装置，该方法包括：按照变化的缩放方式，生成相应缩放方式的第一图像对应的图像副本；所述第一图像包括透明区域和可视区域；在所述图像副本中的可视区域中形成第二图像中可视区域的形状，得到相应的动画帧；将所述动画帧按照相应图像副本的次序依次展示。本发明专利技术提供的动画展示方法和装置，由于仅需要采用第一图像和第二图像便可以实现动画，不需要事先准备好包括每一个动画帧的动画文件，减少了对存储资源的消耗。

Animation display methods and devices

【技术实现步骤摘要】
动画展示方法和装置
本专利技术涉及图像处理
，特别是涉及一种动画展示方法和装置。
技术介绍
动画是将一系列的图像按序展示所形成的动态影像。相较于静态图像，动画可以提供更多的信息量，因此动画的应用非常广泛，目前在应用交互界面中或者网页中都可以展示动画，从而为用户提供更加丰富和容易理解的信息。目前，一般需要制作动画的每帧图像，将制作的每帧图像按序排列制作成为动画文件，比如GIF(GraphicsInterchangeFormat，图像互换格式)或者SWF(ShockWaveFlash)格式的动画文件。动画文件记录有动画各帧图像的播放时间间隔，在需要播放动画时，按照动画文件记录的播放时间间隔将动画文件中的每帧图像依次展示，从而实现动画展示。然而，目前展示动画需要预先制作每帧图像并存储在动画文件中，导致动画文件占用存储资源大。
技术实现思路
基于此，有必要针对目前展示动画所需的动画文件占用存储资源大的技术问题，提供一种动画展示方法和装置。一种动画展示方法，包括：按照变化的缩放方式，生成相应缩放方式的第一图像对应的图像副本；所述第一图像包括透明区域和可视区域；在所述图像副本中的可视区域中形成第二图像中可视区域的形状，得到相应的动画帧；将所述动画帧按照相应图像副本的次序依次展示。一种动画展示装置，包括：图像副本生成模块，用于按照变化的缩放方式，生成相应缩放方式的第一图像对应的图像副本；所述第一图像包括透明区域和可视区域；动画帧生成模块，用于在所述图像副本中的可视区域中形成第二图像中可视区域的形状，得到相应的动画帧；动画帧展示模块，用于将所述动画帧按照相应图像副本的次序依次展示。上述动画展示方法和装置，第一图像包括透明区域和可视区域，按照变化的缩放方式，会得到对第一图像采用不同缩放方式的图像副本，按照图像副本的次序各图像副本中的可视区域的位置呈现出变化。第二图像包括可视区域，在图像副本中的可视区域中形成第二图像中可视区域的形状后，得到相应的动画帧。将所述动画帧按照相应图像副本的次序依次展示，将呈现出第二图像中可视区域的形状的位置随着时间变化的动画效果。由于仅需要采用第一图像和第二图像便可以实现动画，不需要事先准备好包括每一个动画帧的动画文件，减少了对存储资源的消耗。附图说明图1为一个实施例中终端的内部结构示意图；图2为一个实施例中动画展示方法的流程示意图；图3为一个实施例中第一图像和第二图像的对比示意图；图4为一个实施例中保持等比例缩放，且依次按照从小到大的缩放比例将第一图像缩放后生成相应的逐渐增大的图像副本的示意图；图5为一个实施例中按照变化的缩放方式，确定相应动画帧的绘制区域的步骤的流程示意图；图6为一个实施例中重置第一图像中可视区域的颜色值的步骤的流程示意图；图7为一个实施例中动画展示方法的流程示意图；图8为一个实施例中生成当前动画帧并展示的步骤的流程示意图；图9为一个实施例中图像副本和由第二图像并排组合而成的组合图像的对比示意图；图10为一个实施例中在图像副本中的可视区域中，将与组合图像中的各个第二图像中的透明区域位置对应的区域置为透明区域得到的动画帧的示意图；图11为一个实施例中在图像副本中的可视区域中，将与第二图像中的透明区域位置对应的区域置为透明区域，得到相应的动画帧的步骤的流程示意图；图12为一个实施例中采用不同的第二图像所生成的各个动画帧的示意图；图13为一个实施例中动画展示装置的结构框图；图14为另一个实施例中动画展示装置的结构框图；图15为再一个实施例中动画展示装置的结构框图；图16为一个实施例中动画帧生成模块的结构框图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。可以理解，本专利技术所使用的术语“第一”、“第二”等可在本文中用于描述各种元件，但这些元件不受这些术语限制。这些术语仅用于将第一个元件与另一个元件区分。举例来说，在不脱离本专利技术的范围的情况下，可以将第一图像称为第二图像，且类似地，可将第二图像称为第一图像。第一图像和第二图像两者都是图像，但其不是同一图像。图1为一个实施例中终端的内部结构示意图。如图1所示，该终端包括通过系统总线连接的处理器、非易失性存储介质、内存储器和显示屏。其中，终端的非易失性存储介质存储有操作系统，还包括一种动画展示装置，该动画展示装置用于实现一种动画展示方法。该处理器用于提供计算和控制能力，支撑整个终端的运行。终端中的内存储器为非易失性存储介质中的动画展示装置的运行提供环境，该内存储器中可存储有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行一种动画展示方法。终端的显示屏可以是液晶显示屏或者电子墨水显示屏等。该终端可以是手机、平板电脑或者个人数字助理或穿戴式设备等。本领域技术人员可以理解，图1中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的终端的限定，具体的终端可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。图2为一个实施例中动画展示方法的流程示意图，本实施例以该动画展示方法应用于上述图1中的终端来举例说明。该方法具体包括如下步骤：S202，按照变化的缩放方式，生成相应缩放方式的第一图像对应的图像副本；第一图像包括透明区域和可视区域。其中，缩放方式是指将第一图像缩小或者放大所采用的方式，缩放方式具体可包括缩放比例和缩放方向。其中缩放比例是指将第一图像缩小或者放大后相对于原始的第一图像的比例；缩放方向包括横向的缩放和纵向的缩放。终端可沿横向和纵向中的任一个缩放方向并按照相应的缩放比例进行缩放；终端也可以同时沿横向和纵向进行缩放，且两个缩放方向的缩放比例可以相同或者不同；当两个缩放方向的缩放比例相同时可称为等比例缩放。变化的缩放方式是在依次对第一图像进行缩放处理的过程中整体呈现出的变化，这种变化使得缩放后的各个图像副本中的可视区域也是变化的。变化的缩放方式可以是每种缩放方式都不同，也可以存在部分缩放方式相同的情况。变化的缩放方式比如从预设最小缩放比例逐步变化到预设最大缩放比例，还比如从预设最大缩放比例逐步变化到预设最小缩放比例，还比如从第一预设缩放比例逐步增大后再逐步减少到第一预设缩放比例或者第二预设缩放比例，还比如从第一预设缩放比例逐步减小后再逐步增大到第一预设缩放比例或者第二预设缩放比例。缩放方式每次变化的步长可以相同也可以不同。缩放比例变化的同时缩放方向可以保持不变，也可以发生变化。图像副本是依次将第一图像按照变化的缩放方式进行缩放后生成的图像，图像副本可以仅缓存在内存中，可称为缓存图片；图像副本也可以生成为图像文件。图像副本可以是将第一图像缩放后的完整图像，也可以限定图像副本的尺寸，并从缩放后的第一图像中截取一部分作为图像副本，具体可将缩放后的第一图像居中截取得到图像副本。第一图像包括透明区域和可视区域，透明区域和可视区域是互斥的。透明区域中的像素在视觉上基本是看不到的，当第一图像置于背景图像之上时，从视觉上可以清晰地看到背景图像中透明区域相对应的位置处的像素颜色；可视区域中的像素在视觉上是看得到的，可视区域也可以具有一定的透明本文档来自技高网...

【技术保护点】
一种动画展示方法，包括：按照变化的缩放方式，生成相应缩放方式的第一图像对应的图像副本；所述第一图像包括透明区域和可视区域；在所述图像副本中的可视区域中形成第二图像中可视区域的形状，得到相应的动画帧；将所述动画帧按照相应图像副本的次序依次展示。

【技术特征摘要】
1.一种动画展示方法，包括：按照变化的缩放方式，生成相应缩放方式的第一图像对应的图像副本；所述第一图像包括透明区域和可视区域；在所述图像副本中的可视区域中形成第二图像中可视区域的形状，得到相应的动画帧；将所述动画帧按照相应图像副本的次序依次展示。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：按照变化的缩放方式，确定相应动画帧的绘制区域；所述将所述动画帧按照相应图像副本的次序依次展示包括：将所述动画帧按照相应图像副本的次序在相应的绘制区域中进行展示。3.根据权利要求2所述的方法，其特征在于，所述按照变化的缩放方式，确定相应动画帧的绘制区域包括：获取动画帧总数；确定第一个动画帧的第一绘制区域及最后一个动画帧的第二绘制区域；根据变化的缩放方式和所述动画帧总数，确定从所述第一绘制区域经过中间动画帧的绘制区域变化为所述第二绘制区域的变化步长；按照所述变化步长确定所述中间动画帧的绘制区域。4.根据权利要求1所述的方法，其特征在于，所述按照变化的缩放方式，生成相应缩放方式的第一图像对应的图像副本之前，所述方法还包括：加载第一图像；获取用于展示动画的背景图像的背景颜色值；确定与所述背景颜色值存在颜色差异的前景颜色值；将所述第一图像中可视区域的颜色值置为所述前景颜色值。5.根据权利要求1所述的方法，其特征在于，所述按照变化的缩放方式，生成相应缩放方式的第一图像对应的图像副本的步骤，所述在所述图像副本中的可视区域中形成第二图像中可视区域的形状，得到相应的动画帧的步骤，以及所述将所述动画帧按照相应图像副本的次序依次展示的步骤，按照动画帧之间预设的时间间隔定时并依次执行，直至动画停止条件被满足。6.根据权利要求1所述的方法，其特征在于，所述在所述图像副本中的可视区域中形成第二图像中可视区域的形状，得到相应的动画帧包括：在所述图像副本中的可视区域中，将与第二图像中的透明区域位置对应的区域置为透明区域，得到相应的动画帧；其中，所述第二图像包括可视区域。7.根据权利要求6所述的方法，其特征在于，所述在所述图像副本中的可视区域中，将与第二图像中的透明区域位置对应的区域置为透明区域，得到相应的动画帧包括：遍历所述图像副本中的像素；获取所述图像副本中遍历的像素的透明度和位置信息；当所述图像副本中遍历的像素的透明度不等于表示透明的值时，根据遍历的像素的位置信息获得第二图像中相应位置的像素的位置信息；根据获得的位置信息获取所述第二图像中相应位置的像素的透明度；当所述第二图像中相应位置的像素的透明度等于表示透明的值时，将所述图像副本中遍历的像素的透明度置为表示透明的值，得到相应的动画帧。8.根据权利要求7所述的方法，其特征在于，所述第二图像的图像宽度小于所述图像副本的图像宽度；所述第二图像的图像高度小于所述图像副本的图像高度；所述位置信息包括相应像素的横坐标和纵坐标；所述根据遍历的像素的位置信息获得第二图像中相应位置的像素的位置信息包括：将遍历的像素的横坐标按照所述第二图像的图像宽度取余，得到所述第二图像中相应位置的像素的横坐标；将遍历的像素的纵坐标按照所述第二图像的图像高度取余，得到所述第二图像中相应位置的像素的纵坐标。9.根据权利要求1所述...

【专利技术属性】
技术研发人员：李斌，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东,44