数据处理方法、装置、电子设备及存储介质

技术领域

本公开属于信息处理技术领域，尤其涉及一种数据处理方法、装置、电子设备及存储介质。

背景技术

相关技术中，动画设计主要采用After Effects来设计动画，After Effects是一款广泛用于制作动画、特效和视频合成的软件，当设计好动画后，会采用Bodymovin插件把在After Effects中设计好的动画转换成Lottie格式的动画文件，然后通过网页和手机应可以显示Lottie格式的动画文件对应的动画效果。

当各种动画文件在需要进行修改时，修改方式主要有两种，第一种是采用AfterEffects软件对动画进行修改；第二种是通过代码对Lottie格式的动画文件进行修改。通过这两种方式对动画文件进行修改时，修改时间长，修改效率较低。

发明内容

本公开实施例提供一种方案，以解决相关技术中，修改动画时，修改时间长，修改效率较低的技术问题。

第一方面，本公开提供一种数据处理方法，方法包括：

响应于用户触发的针对第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所述第一修改操作对应的第一目标图层，所述第一动画展示于第一页面中；

响应于用户触发的针对所述第一目标图层的第二修改操作，对所述第一动画进行修改。

第二方面，本公开提供一种数据处理装置，所述装置包括：

确定单元，用于响应于用户触发的针对第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所述第一修改操作对应的第一目标图层，所述第一动画展示于第一页面中；

修改单元，用于响应于用户触发的针对所述第一目标图层的第二修改操作，对所述第一动画进行修改。

第三方面，本公开提供一种电子设备，包括：

处理器；以及

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行第一方面或第一方面可能的实施方式中的任一方法。

第四方面，本公开实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现第一方面或第一方面可能的实施方式中的任一方法。

本公开提供的技术方案，通过响应于用户触发的针对第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所述第一修改操作对应的第一目标图层，所述第一动画展示于第一页面中；响应于用户触发的针对所述第一目标图层的第二修改操作，对所述第一动画进行修改。节省了修改第一动画时所需要的时间，大大提高了修改第一动画的效率。

附图说明

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

图1为本公开一实施例提供的一种数据处理方法的流程示意图；

图2为本公开一实施例提供的一种修改第一动画的修改界面的示意图；

图3为本公开一实施例提供的另一种数据处理方法的流程示意图；

图4为本公开一实施例提供的一种数据处理装置的结构示意图；

图5为本公开一实施例提供的一种电子设备的结构示意图。

具体实施方式

下面详细描述本公开的实施例，实施例的示例在附图中示出。下面通过参考附图描述的实施例是示例性的，旨在用于解释本公开，而不能理解为对本公开的限制。

本公开实施例的说明书、权利要求书及附图中的术语“第一”和“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开实施例的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包括一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，下面对本公开实施例中的部分用语进行解释说明，以便于本领域技术人员理解。

After Effects：主要指的是一款广泛用于制作动画、特效和视频合成的软件。

Lottie：是一个开源的动画文件格式，它允许在移动应用、Web和其他平台上以矢量格式展示复杂的动画效果。

Bodymovin：是After Effects软件中的一个插件，用来将动画导出成Lottie格式文件。

相关技术中，动画设计主要采用After Effects来设计动画，After Effects是一款广泛用于制作动画、特效和视频合成的软件，当设计好动画后，会采用Bodymovin插件把在After Effects中设计好的动画转换成Lottie格式的动画文件，然后通过网页和手机应可以显示Lottie格式的动画文件对应的动画效果。

当各种动画文件在需要进行修改时，修改方式主要有两种，第一种是采用AfterEffects软件对动画进行修改；第二种是通过代码对Lottie格式的动画文件进行修改。通过这两种方式对动画文件进行修改时，修改时间长，修改效率较低。

下面以具体的实施例对本公开的技术方案以及本公开的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本公开的实施例进行描述。

图1为本公开一示例性实施例提供的一种数据处理方法的流程示意图，该方法可以适用于各种具有数据处理功能的电子设备。该方法至少包括以下步骤S101-S102：

S101，响应于用户触发的针对第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所述第一修改操作对应的第一目标图层。

在一些实施例中，所述第一修改操作为对第一页面或第一动画的点击操作。

在一些实施例中，所述第一动画展示于第一页面中。

在一些实施例中，如图2所示，响应于用户触发的针对第一动画的第一修改操作后，在当前页面上显示多个动画图层，如图层1、图层2、图层3、图层4、图层5、图层6、图层7、图层8，选中第一修改操作对应的第一目标图层(图层1)。

在一些实施例中，前述S101中，响应于用户触发的针对所述第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所第一修改操作对应的第一目标图层，包括步骤S11-S14：

S11，响应于用户触发的针对所述第一动画的第一修改操作，获取所述第一修改操作的操作时刻。

所述操作时刻主要指的是第一动画展示于所述第一页面时，第一动画的进度条处在暂停时的时刻。具体地，如图2所示，用户可以用过进度条调控第一动画的播放进程。

S12，在第一页面展示所述第一动画在所述操作时刻对应的多个动画图层。

在一些实施例中，如图2所示，在第一页面展示所述第一动画在所述操作时刻对应的多个动画图层可以为图层1、图层2、图层3、图层4、图层5、图层6、图层7、图层8。

在一些实施例中，在第一页面展示所述第一动画在所述操作时刻对应的多个动画图层，包括步骤S21-S22：

S21，获取所述第一动画在所述操作时刻对应的目标动画帧。

S21，在第一页面展示所述目标动画帧对应的多个动画图层。

在一些实施例中，如图2所示，在第一页面展示所述目标动画帧对应的多个动画图层可以为图层1、图层2、图层3、图层4、图层5、图层6、图层7、图层8。

在一些实施例中，多个动画图层会以缩略图或图标的形式展示在第一页面，用户可以轻松辨认不同的图层或角色元素。具体如图2所示。

S13，从所述多个动画图层中，确定出所述第一修改操作的操作位置对应的第二目标图层。

在一些实施例中，所述操作位置为第一页面中的坐标信息。例如，如图2所示，确定出所述第一修改操作的操作位置对应的第二目标图层可以为图层1。

S14，将所述操作位置对应的第二目标图层作为所述第一修改操作对应的第一目标图层。

在一些实施例中，所述方法还包括步骤S01-S02：

S01，基于所述动画文件确定所述第一动画的动画信息。

在一些实施例中，所述动画文件主要指的是Lottie格式的动画文件。

在一些实施例中，所述动画信息包括以下至少一个：动画播放的时长、动画播放的速度、动画关键帧信息、动画帧率和动画图层信息。

所述动画图层信息：包含动画图层的类型、动画图层的名称、动画图层的位置、动画图层的大小、动画图层模糊程度、图层颜色的调整信息、图层的形状变换等信息。在Lottie格式的动画文件中的动画图层信息类似于在图像处理软件中的图层信息，每个图层代表动画中的一个角色元素或多个角色元素的组合。

在一些实施例中，所述动画图层的类型包括普通图层、调整图层和形状图层。

在一些实施例中，所述动画图层的位置主要指的是当前动画图层位于多个动画图层中的具体层数。例如，顶层(第一层)或底层(最后一层)。

动画关键帧信息：指角色或者物体运动变化中关键动作所处的那一帧的信息。在Lottie格式的动画文件中通过关键帧信息来描述动画图层信息的变化，例如动画图层的旋转、动画图层的缩放、动画图层的不透明度等。

在另一些实施例中，所述动画信息还包括遮罩信息、矢量形状信息所述遮罩信息：遮罩是一种图形效果，允许在图层上创建不同形状的可见区域，并且图层的可见区域可以根据遮罩的形状进行限制。

所述矢量形状信息：矢量形状信息定义了图层中矢量形状的信息，如路径、填充、边框等。这部分信息通常以矢量图形的描述方式存储，使得图层可以显示复杂的形状效果。

在一些实施例中，用户可以修改Lottie格式的动画文件中的代码，修改展示在第一页面中的第一动画的播放速度、循环方式等。

在一些实施例中，为了方便理解Lottie格式的动画文件，如下给出一段Lottie格式的动画文件中的部分代码：

S02，基于所述动画信息在所述第一页面中展示所述第一动画。

S102，响应于用户触发的针对所述第一目标图层的第二修改操作，对所述第一动画进行修改。

在一些实施例中，所述第二修改操作至少包括以下至少一个：修改图层中图片地址信息的操作、修改图层中文案信息的操作，以及修改图层的背景颜色信息的操作。

具体地，如图2所示，对图层1的背景颜色信息修改时，用户可以通过用于调整图层背景颜色的控件(如图1中的“图层颜色”控件)来更改图层1的背景颜色。修改的图层颜色可以是图层的背景颜色，也可以是整个第一动画的背景颜色。

在修改图层的背景颜色信息时，用户可以通过相应的控件选择颜色值或者从调色板中选择合适的颜色。

在一些是实施例中，用户通过相应的控件(如图1中的“图片上传”控件)上传图片。

在一些实施例中，所述方法还包括步骤S31-S32：

S31，在第一页面展示修改后的第一动画。

S32，在检测到用户的确认指令时，保存所述修改后的第一动画。

在一些实施例中，用户完成对所述第一动画进行修改后，可以点击“完成编辑”按钮，将修改后的第一动画展示在第一页面中，若用户对修改后的第一动画满意，可以点击“保存”按钮，对修改后的第一动画进行保存。

在一些实施例中，所述方法还包括步骤S41-S42：

S41，将修改后的第一动画转化成预设格式的目标动画文件。

S42，将所述目标动画文件发送至第一设备。

在一些实施例中，将所述目标动画文件发送至第一设备以供相关人员查看。

本公开提供的技术方案中，利用Lottie JSON文件的特点，即Lottie格式的动画文件的特点，可以方便地获取到第一动画的所有动画信息，将这些动画信息通过可视化工具可以让用户更直观地修改的第一动画的动画信息，提高了修改第一动画的效率。

在一些实施例，为了方便理解本方案，如图3所示，提供另一种数据处理方法的流程示意图，包括以下步骤S201-S206：

S201，基于用户指令导入第一动画的动画文件；

在一些实施例中，所述第一动画的文件或第一动画从动画数据库中获取。

S202，基于动画文件确定第一动画的动画信息；

S203，基于动画信息在第一页面中展示第一动画；

S204，响应于用户触发的针对第一动画的第一修改操作，确定第一动画对应的多个动画图层中，与第一修改操作对应的第一目标图层；

S205，响应于用户触发的针对第一目标图层的第二修改操作，对第一动画进行修改；

S206，将修改后的第一动画转化成预设格式的目标动画文件，并将目标动画文件发送至第一设备。

在一些实施例中，设计师和非设计师用户都可以在不需要深入了解复杂动画软件的情况下，直观地对Lottie格式的动画文件的动画图层信息和图层背景颜色进行修改。这种可视化的编辑方式为动画文件的定制和调整带来了便利和灵活性。大幅减少了使用After Effects设计的环节，同时可以利用三方平台免费的动画资源进行二次创作，起到降本增效的作用。

在一些实施例中，本公开的技术方案能够在各种级别的计算机和设备上运行。这种能力保证了用户在任何地方都可以进行Lottie格式的动画文件的编辑和预览，而不会受到设备性能的限制。

本公开提供的技术方案，通过响应于用户触发的针对第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所述第一修改操作对应的第一目标图层，所述第一动画展示于第一页面中；响应于用户触发的针对所述第一目标图层的第二修改操作，对所述第一动画进行修改。节省了修改第一动画时所需要的时间，大大提高了修改第一动画的效率。

图4为本公开一示例性实施例提供的一种数据处理装置的结构示意图；所述装置包括：确定单元301和修改单元302；

确定单元301，用于响应于用户触发的针对第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所述第一修改操作对应的第一目标图层，所述第一动画展示于第一页面中；

修改单元302，用于响应于用户触发的针对所述第一目标图层的第二修改操作，对所述第一动画进行修改。

在一些实施例中，所述装置还用于：

获取所述第一动画的动画文件；

基于所述动画文件确定所述第一动画的动画信息，所述动画信息包括以下至少一个：动画播放的时长、动画播放的速度、动画关键帧信息和动画图层信息；

基于所述动画信息在所述第一页面中展示所述第一动画。

在一些实施例中，响应于用户触发的针对所述第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所第一修改操作对应的第一目标图层，所述装置还用于：

响应于用户触发的针对所述第一动画的第一修改操作，获取所述第一修改操作的操作时刻；

在第一页面展示所述第一动画在所述操作时刻对应的多个动画图层；

从所述多个动画图层中，确定出所述第一修改操作的操作位置对应的第二目标图层；

将所述操作位置对应的第二目标图层作为所述第一修改操作对应的第一目标图层。

在一些实施例中，在第一页面展示所述第一动画在所述操作时刻对应的多个动画图层，所述装置还用于：

获取所述第一动画在所述操作时刻对应的目标动画帧；

在第一页面展示所述目标动画帧对应的多个动画图层。

在一些实施例中，所述装置还用于：

在第一页面展示修改后的第一动画；

在检测到用户的确认指令时，保存所述修改后的第一动画

在一些实施例中，所述第二修改操作至少包括以下至少一个：修改图层中图片地址信息、修改图层中文案信息，以及修改图层的背景颜色信息。

本公开提供的技术方案，通过响应于用户触发的针对第一动画的第一修改操作，确定所述第一动画对应的多个动画图层中，与所述第一修改操作对应的第一目标图层，所述第一动画展示于第一页面中；响应于用户触发的针对所述第一目标图层的第二修改操作，对所述第一动画进行修改。节省了修改第一动画时所需要的时间，大大提高了修改第一动画的效率。

应理解的是，装置实施例与方法实施例可以相互对应，类似的描述可以参照方法实施例。为避免重复，此处不再赘述。具体地，该装置可以执行上述方法实施例，并且该装置中的各个模块的前述和其它操作和/或功能分别为了上述方法实施例中的各个方法中的相应流程，为了简洁，在此不再赘述。

上文中结合附图从功能模块的角度描述了本公开实施例的装置。应理解，该功能模块可以通过硬件形式实现，也可以通过软件形式的指令实现，还可以通过硬件和软件模块组合实现。具体地，本公开实施例中的方法实施例的各步骤可以通过处理器中的硬件的集成逻辑电路和/或软件形式的指令完成，结合本公开实施例公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。可选地，软件模块可以位于随机存储器，闪存、只读存储器、可编程只读存储器、电可擦写可编程存储器、寄存器等本领域的成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法实施例中的步骤。

图5是本公开实施例提供的电子设备的示意性框图，该电子设备可包括：

存储器401和处理器402，该存储器401用于存储计算机程序，并将该程序代码传输给该处理器402。换言之，该处理器402可以从存储器401中调用并运行计算机程序，以实现本公开实施例中的方法。

例如，该处理器402可用于根据该计算机程序中的指令执行上述方法实施例。

在本公开的一些实施例中，该处理器402可以包括但不限于：

通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(FieldProgrammable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等等。

在本公开的一些实施例中，该存储器401包括但不限于：

易失性存储器和/或非易失性存储器。其中，非易失性存储器可以是只读存储器(Read-Only Memory，ROM)、可编程只读存储器(Programmable ROM，PROM)、可擦除可编程只读存储器(Erasable PROM，EPROM)、电可擦除可编程只读存储器(Electrically EPROM，EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory，RAM)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用，例如静态随机存取存储器(Static RAM，SRAM)、动态随机存取存储器(Dynamic RAM，DRAM)、同步动态随机存取存储器(Synchronous DRAM，SDRAM)、双倍数据速率同步动态随机存取存储器(Double DataRate SDRAM，DDR SDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM，ESDRAM)、同步连接动态随机存取存储器(synch link DRAM，SLDRAM)和直接内存总线随机存取存储器(Direct Rambus RAM，DR RAM)。

在本公开的一些实施例中，该计算机程序可以被分割成一个或多个模块，该一个或者多个模块被存储在该存储器401中，并由该处理器402执行，以完成本公开提供的方法。该一个或多个模块可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述该计算机程序在该电子设备中的执行过程。

如图5所示，该电子设备还可包括：

收发器403，该收发器403可连接至该处理器402或存储器401。

其中，处理器402可以控制该收发器403与其他设备进行通信，具体地，可以向其他设备发送信息或数据，或接收其他设备发送的信息或数据。收发器403可以包括发射机和接收机。收发器403还可以进一步包括天线，天线的数量可以为一个或多个。

应当理解，该电子设备中的各个组件通过总线系统相连，其中，总线系统除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。

本公开还提供了一种计算机存储介质，其上存储有计算机程序，该计算机程序被计算机执行时使得该计算机能够执行上述方法实施例的方法。或者说，本公开实施例还提供一种包含指令的计算机程序产品，该指令被计算机执行时使得计算机执行上述方法实施例的方法。

当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机程序指令时，全部或部分地产生按照本公开实施例该的流程或功能。该计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，该计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(digital subscriber line，DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质(例如，软盘、硬盘、磁带)、光介质(例如数字视频光盘(digital video disc，DVD))、或者半导体介质(例如固态硬盘(solid state disk，SSD))等。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的模块及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本公开的范围。

在本公开所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，该模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。

作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。例如，在本公开各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。

以上仅为本公开的具体实施方式，但本公开的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以该权利要求的保护范围为准。