CN106503117A - 一种动画展示方法及装置 - Google Patents

Abstract

本发明公开了一种动画展示方法及装置，用以实现在终端的屏幕上灵活地展示动画的目的。所述方法包括：接收在终端的屏幕上展示预设对象的动画的指令；调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

Description

一种动画展示方法及装置

技术领域

本发明涉及互联网应用技术领域，特别涉及一种动画展示方法及装置。

背景技术

随着互联网技术的发展，人们从互联网上可以获得的信息越来越丰富，由于动画能呈现给人们丰富、有趣的画面和内容，越来越多的人们喜欢在网上看动画。互联网中的动画以各种各样的形式呈现给用户，如flash动画，flash可以包含简单的动画、视频内容、复杂演示文稿或应用程序等。然而，随着终端技术的发展，如何在终端的屏幕上展示动画成为亟待解决的问题。

发明内容

本发明提供一种动画展示方法及装置，用以实现在终端的屏幕上灵活地展示动画的目的。

本发明提供一种动画展示方法，包括：

接收在终端的屏幕上展示预设对象的动画的指令；

调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；

调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；

调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

在本发明一实施例中，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画，包括：

在所述第一方法中设置所述关联对象的第一动画的相关参数；

基于所述关联对象的第一动画的相关参数，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画。

在本发明一实施例中，所述关联对象的第一动画的相关参数包括下列至少之一：纵向起始位置、纵向终点位置、上升时长、透明度变化率。

在本发明一实施例中，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画，包括：

在所述第二方法中设置所述关联对象的第二动画的相关参数；

基于所述关联对象的第二动画的相关参数，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画。

在本发明一实施例中，所述关联对象的第二动画的相关参数包括下列至少之一：横向起始位置、横向终点位置、横向关键路径。

在本发明一实施例中，由所述第三方法实现在所述屏幕上展示所述预设对象的动画，包括：

在所述第三方法中设置所述预设对象的动画的相关参数；

基于所述预设对象的动画的相关参数，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

在本发明一实施例中，所述预设对象的动画的相关参数包括下列至少之一：横向起始位置、横向终点位置、纵向关键路径。

本发明还提供一种动画展示装置，包括：

指令接收模块，用于接收在终端的屏幕上展示预设对象的动画的指令；

第一展示模块，用于调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；

第二展示模块，用于调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；

第三展示模块，用于调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

在本发明一实施例中，所述第一展示模块还用于：

在所述第一方法中设置所述关联对象的第一动画的相关参数；

基于所述关联对象的第一动画的相关参数，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画。

在本发明一实施例中，所述关联对象的第一动画的相关参数包括下列至少之一：纵向起始位置、纵向终点位置、上升时长、透明度变化率。

在本发明一实施例中，所述第二展示模块还用于：

在所述第二方法中设置所述关联对象的第二动画的相关参数；

基于所述关联对象的第二动画的相关参数，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画。

在本发明一实施例中，所述关联对象的第二动画的相关参数包括下列至少之一：横向起始位置、横向终点位置、横向关键路径。

在本发明一实施例中，所述第三展示模块还用于：

在所述第三方法中设置所述预设对象的动画的相关参数；

基于所述预设对象的动画的相关参数，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

在本发明一实施例中，所述预设对象的动画的相关参数包括下列至少之一：横向起始位置、横向终点位置、纵向关键路径。

在本发明实施例中，接收在终端的屏幕上展示预设对象的动画的指令；调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。由此可见，本发明实施例能够实现在终端的屏幕上灵活地展示动画的目的。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1所示为本发明一实施例中动画展示方法的流程图；

图2所示为本发明另一实施例中动画展示方法的流程图；以及

图3所示为本发明一实施例中动画展示装置的结构示意图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

如图1所示为本发明一实施例中动画展示方法的流程图，该方法可以应用在电脑、手机等终端上，该方法可以包括以下步骤S11-S14。

步骤S11，接收在终端的屏幕上展示预设对象的动画的指令。

在该步骤中，预设对象可以是船等，本发明不限于此。

步骤S12，调起指定类中的第一方法，由第一方法实现在屏幕上展示预设对象的关联对象的第一动画。

在该步骤中，指定类可以是CABasicAnimation类，在该类中定义第一方法来实现在屏幕上展示预设对象的关联对象的第一动画。具体地，在第一方法中设置关联对象的第一动画的相关参数，进而基于关联对象的第一动画的相关参数，由第一方法实现在屏幕上展示预设对象的关联对象的第一动画。这里，关联对象的第一动画的相关参数可以包括纵向起始位置、纵向终点位置、上升时长、透明度变化率，等等。例如，当预设对象为船时，其关联对象可以是水，第一方法可以实现水从屏幕底部上升到屏幕中间的过程。

在本发明的可选实施例中，为了实现水波浪的阴影效果，可以有两个第一方法，一个第一方法中的颜色参数是蓝色，另一个第一方法中的颜色参数是灰色，且两个第一方法的波浪位置略微错开。

步骤S13，调起指定类中的第二方法，由第二方法实现在屏幕上展示关联对象的第二动画。

在该步骤中，可以在CABasicAnimation类中定义第二方法来实现在屏幕上展示预设对象的关联对象的第二动画。具体地，在第二方法中设置关联对象的第二动画的相关参数，进而基于关联对象的第二动画的相关参数，由第二方法实现在屏幕上展示预设对象的关联对象的第二动画。这里，关联对象的第二动画的相关参数可以包括横向起始位置、横向终点位置、横向关键路径，等等。例如，当预设对象为船时，其关联对象可以是水，第二方法可以实现水从起点位置移动到终点位置后原路向回移动，实现波浪左右移动的效果。

在本发明的可选实施例中，为了实现波浪的阴影效果，也可以有两个第二方法，一个第二方法中的颜色参数是蓝色，另一个第二方法中的颜色参数是灰色，且两个第二方法的波浪位置略微错开。

步骤S14，调起指定类中的第三方法，由第三方法实现在屏幕上展示预设对象的动画。

在该步骤中，可以在CABasicAnimation类中定义第三方法来实现在屏幕上展示预设对象的动画。具体地，在第三方法中设置预设对象的动画的相关参数，进而基于预设对象的动画的相关参数，由第三方法实现在屏幕上展示预设对象的动画。这里，预设对象的动画的相关参数可以包括横向起始位置、横向终点位置、纵向关键路径，等等。例如，当预设对象为船时，其关联对象可以是水，第三方法可以实现船从起点位置移动到终点位置后原路向回移动，实现船左右移动的效果。

在本发明实施例中，接收在终端的屏幕上展示预设对象的动画的指令；调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。由此可见，本发明实施例能够实现在终端的屏幕上灵活地展示动画的目的。

下面通过一具体实施例来详细介绍本发明的动画展示方法的实现过程。如图2所示为本发明另一实施例中动画展示方法的流程图，该方法可以应用在电脑、手机等终端上，该方法可以包括以下步骤S21-S26。

步骤S21，获取终端系统中的CABasicAnimation类。

在该步骤中，使用Layer Animation实现动画，使用CABasicAnimation类实现水以及波浪的效果。

步骤S22，在CABasicAnimation类中定义第一方法、第二方法以及第三方法实现各自对象的动画的相关参数。

在该步骤中，第一方法实现在屏幕上展示预设对象的关联对象的第一动画；第二方法实现在屏幕上展示关联对象的第二动画；第三方法实现在屏幕上展示预设对象的动画。

步骤S23，接收在终端的屏幕上展示预设对象的动画的指令。

在该步骤中，预设对象可以是船，其关联对象为水。

步骤S24，调起CABasicAnimation类中的第一方法，基于预设对象的关联对象的第一动画的相关参数，由第一方法实现在屏幕上展示预设对象的关联对象的第一动画。

在该步骤中，第一方法可以是cabasic animation1，可以设置该第一方法的纵向起始位置、纵向终点位置、上升时长、透明度变化率等参数。这些参数实现水从起点到终点缓慢上升且逐渐透明的过程。该第一方法实现了水从屏幕底部上升到屏幕中间的过程。

在本发明的可选实施例中，为了实现水波浪的阴影效果，可以有两个第一方法cabasic animation1，一个第一方法中的颜色参数是蓝色，另一个第一方法中的颜色参数是灰色，且两个第一方法的波浪位置略微错开。

步骤S25，调起CABasicAnimation类中的第二方法，基于预设对象的关联对象的第二动画的相关参数，由第二方法实现在屏幕上展示预设对象的关联对象的第二动画。

在该步骤中，第二方法可以是cabasic animation2，当水上升到终点位置时，cabasic animation1结束，触发cabasic animation2方法。cabasic animation2，起点位置(x轴方向，屏幕左侧边，可以超出屏幕)，终点位置(屏幕右侧边，大于屏幕宽度)，关键路径(x轴方向)。水从起点位置移动到终点位置后原路向回移动，实现波浪左右移动的效果。

在本发明的可选实施例中，为了实现水波浪的阴影效果，可以有两个第二方法cabasic animation2，一个第二方法中的颜色参数是蓝色，另一个第二方法中的颜色参数是灰色，且两个第二方法的波浪位置略微错开。

步骤S26，调起CABasicAnimation类中的第三方法，基于预设对象的动画的相关参数，由第三方法实现在屏幕上展示预设对象的动画。

在该步骤中，第三方法可以是cabasic animation3，当水上升到终点时，触发船的第三方法，cabasic animation3起点位置和终点位置与cabasic animation2的起点和终点相同。关键路径，y轴方向最高点和最低点，最高点到最低点的时长，x轴方向起点到终点的总时长，重复指定次数，当到达终点后不移除图层，还要原路返回，直至满足总的执行时长时，再移除所有图层。

需要说明的是，在实际应用中，上述所有可选实施方式可以采用结合的方式任意组合，形成本发明的可选实施例，在此不再一一赘述。

对应于上述实施例中的动画展示方法，本发明还提供一种动画展示装置。如图3所示为本发明一实施例中动画展示装置的结构示意图，包括：

指令接收模块31，用于接收在终端的屏幕上展示预设对象的动画的指令；

第一展示模块32，用于调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；

第二展示模块33，用于调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；

第三展示模块34，用于调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

在本发明一实施例中，上述第一展示模块32还用于：

在所述第一方法中设置所述关联对象的第一动画的相关参数；

基于所述关联对象的第一动画的相关参数，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画。

在本发明一实施例中，所述关联对象的第一动画的相关参数包括下列至少之一：纵向起始位置、纵向终点位置、上升时长、透明度变化率。

在本发明一实施例中，上述第二展示模块33还用于：

在所述第二方法中设置所述关联对象的第二动画的相关参数；

基于所述关联对象的第二动画的相关参数，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画。

在本发明一实施例中，所述关联对象的第二动画的相关参数包括下列至少之一：横向起始位置、横向终点位置、横向关键路径。

在本发明一实施例中，上述第三展示模块34还用于：

在所述第三方法中设置所述预设对象的动画的相关参数；

基于所述预设对象的动画的相关参数，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

在本发明一实施例中，所述预设对象的动画的相关参数包括下列至少之一：横向起始位置、横向终点位置、纵向关键路径。

本发明实施例的上述装置：接收在终端的屏幕上展示预设对象的动画的指令；调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。由此可见，本发明实施例能够实现在终端的屏幕上灵活地展示动画的目的。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

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

Claims (10)

1.一种动画展示方法，其特征在于，包括：

接收在终端的屏幕上展示预设对象的动画的指令；

调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；

调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；

调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

2.根据权利要求1所述的方法，其特征在于，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画，包括：

在所述第一方法中设置所述关联对象的第一动画的相关参数；

基于所述关联对象的第一动画的相关参数，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画。

3.根据权利要求2所述的方法，其特征在于，所述关联对象的第一动画的相关参数包括下列至少之一：

纵向起始位置、纵向终点位置、上升时长、透明度变化率。

4.根据权利要求1所述的方法，其特征在于，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画，包括：

在所述第二方法中设置所述关联对象的第二动画的相关参数；

基于所述关联对象的第二动画的相关参数，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画。

5.根据权利要求4所述的方法，其特征在于，所述关联对象的第二动画的相关参数包括下列至少之一：

横向起始位置、横向终点位置、横向关键路径。

6.根据权利要求1所述的方法，其特征在于，由所述第三方法实现在所述屏幕上展示所述预设对象的动画，包括：

在所述第三方法中设置所述预设对象的动画的相关参数；

基于所述预设对象的动画的相关参数，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

7.根据权利要求6所述的方法，其特征在于，所述预设对象的动画的相关参数包括下列至少之一：

横向起始位置、横向终点位置、纵向关键路径。

8.一种动画展示装置，其特征在于，包括：

指令接收模块，用于接收在终端的屏幕上展示预设对象的动画的指令；

第一展示模块，用于调起指定类中的第一方法，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画；

第二展示模块，用于调起所述指定类中的第二方法，由所述第二方法实现在所述屏幕上展示所述关联对象的第二动画；

第三展示模块，用于调起所述指定类中的第三方法，由所述第三方法实现在所述屏幕上展示所述预设对象的动画。

9.根据权利要求8所述的装置，其特征在于，所述第一展示模块还用于：

在所述第一方法中设置所述关联对象的第一动画的相关参数；

基于所述关联对象的第一动画的相关参数，由所述第一方法实现在所述屏幕上展示所述预设对象的关联对象的第一动画。

10.根据权利要求9所述的装置，其特征在于，所述关联对象的第一动画的相关参数包括下列至少之一：

纵向起始位置、纵向终点位置、上升时长、透明度变化率。