CN113190509A - 动画处理方法、装置、电子设备及计算机可读存储介质 - Google Patents

Abstract

本申请提供了一种动画处理方法、装置、电子设备及计算机可读存储介质；方法包括：对第一动画文件进行解析，得到第一动画文件展示的信息界面中包括的数据；将至少一个数据作为待替换内容，并将待替换内容替换为对应的占位符；获取目标数据，其中，目标数据用于更新第一动画文件；将目标数据与待替换内容进行匹配，并将目标数据填充到匹配的待替换内容对应的占位符中；基于填充结果生成第二动画文件。通过本申请，能够自动更新动画文件。

Description

动画处理方法、装置、电子设备及计算机可读存储介质

技术领域

本申请涉及互联网技术，尤其涉及一种动画处理方法、装置、电子设备及计算机可读存储介质。

背景技术

随着互联网技术的发展以及终端应用的普及，人们习惯于通过终端应用来查看消息(例如生活缴费、理财收益等)，同时，终端应用也可主动向用户推送消息。然而，相关技术只支持将消息静态植入动画文件，对于需要动态展示消息的场景，需要先制作消息对应的动画文件，且制作的动画文件普遍依赖于人工对其进行更新，更新较慢，效率较低，耗费的人力成本较高。

发明内容

本申请实施例提供一种动画处理方法、装置、电子设备及计算机可读存储介质，能够自动更新动画文件。

本申请实施例的技术方案是这样实现的：

本申请实施例提供一种动画处理方法，包括：

对第一动画文件进行解析，得到所述第一动画文件展示的信息界面中包括的数据；

将至少一个所述数据作为待替换内容，并将所述待替换内容替换为对应的占位符；

获取目标数据，其中，所述目标数据用于更新所述第一动画文件；

将所述目标数据与所述待替换内容进行匹配，并将所述目标数据填充到匹配的待替换内容对应的占位符中；

基于填充结果生成第二动画文件。

本申请实施例提供一种动画处理装置，包括：

解析模块，用于对第一动画文件进行解析，得到所述第一动画文件展示的信息界面中包括的数据；

替换模块，用于将至少一个所述数据作为待替换内容，并将所述待替换内容替换为对应的占位符；

获取模块，用于获取目标数据，其中，所述目标数据用于更新所述第一动画文件；

填充模块，用于将所述目标数据与所述待替换内容进行匹配，并将所述目标数据填充到匹配的待替换内容对应的占位符中；

生成模块，用于基于填充结果生成第二动画文件。

上述方案中，所述第一动画文件包括数据子文件和图像子文件；所述解析模块，还用于：

基于第一数据类型遍历所述数据子文件，得到属于所述第一数据类型的数据；

将以下至少一种数据作为所述第一动画文件展示的信息界面中包括的数据：属于所述第一数据类型的数据、所述图像子文件中的图像数据。

上述方案中，所述解析模块，还用于：

基于数据替换标识查找所述信息界面中包括的数据，得到待替换的至少一个所述数据；或

基于所述第一动画文件确定所述信息界面对应的多个图层；

基于图层替换标识从所述多个图层中确定出待替换图层；

将所述第一动画文件中所述待替换图层对应的数据作为待替换的至少一个所述数据。

上述方案中，所述获取模块，还用于：

获取目标维度的数据，其中，所述目标维度包括以下至少之一：用户信息、产品信息、推荐维度；

基于目标数据属性对所述目标维度的数据执行筛选操作，得到所述目标数据。

上述方案中，所述获取模块，还用于：

基于清洗规则对所述目标维度的数据执行清洗操作；

其中，所述清洗规则包括以下至少之一：业务清洗规则、属性清洗规则、相似度清洗规则和真伪清洗规则。

上述方案中，所述获取模块，还用于：

基于第二数据类型对所述目标维度的数据执行筛选操作，得到属于所述第二数据类型的数据；

基于所述目标数据属性对属于所述第二数据类型的数据执行筛选操作，得到与所述目标数据属性一致的属性数据，并将所述属性数据作为所述目标数据。

上述方案中，所述填充模块，还用于：

将所述目标数据对应的字符串与所述待替换内容对应的字符串的部分进行比对；

当比对一致时，确定所述目标数据与所述待替换内容匹配；

当比对不一致时，确定所述目标数据与所述待替换内容不匹配。

上述方案中，所述填充模块，还用于：

当所述目标数据对应的类型为图片时，将所述目标数据对应的存储路径填充到匹配的待替换内容对应的占位符中；

当所述目标数据对应的类型为文本时，将所述目标数据中文本对应的字符串填充到匹配的待替换内容对应的占位符中。

上述方案中，所述第二动画文件与用户账号关联，所述生成模块，还用于：

对所述第二动画文件的各个图层中的数据进行合成处理；

对进行合成处理后的所述第二动画文件中的每一帧进行渲染，得到与所述用户账号关联的动画。

本申请实施例提供一种电子设备，包括：

存储器，用于存储可执行指令；

处理器，用于执行所述存储器中存储的可执行指令时，实现本申请实施例提供的动画处理方法。

本申请实施例提供一种计算机可读存储介质，存储有可执行指令，用于引起处理器执行时，实现本申请实施例提供的动画处理方法。

本申请实施例提供了一种计算机程序产品或计算机程序，所述计算机程序产品或所述计算机程序包括计算机指令，所述计算机指令存储在计算机可读存储介质中，电子设备的处理器从所述计算机可读存储介质读取所述计算机指令，处理器执行所述计算机指令，使得所述电子设备执行本申请实施例提供的动画处理方法。

本申请实施例具有以下有益效果：

在确定与第一动画文件展示的信息页面中的待替换内容匹配的目标数据后，将目标数据填充至待替换内容对应的占位符中，实现对待替换内容的自动替换，从而实现了根据目标数据对动画文件的自动更新，优化了用户体验。

附图说明

图1是本申请实施例提供的动画处理系统10的架构示意图；

图2是本申请实施例提供的动画处理系统10的架构图；

图3A是本申请实施例提供的动画处理方法的流程示意图；

图3B是本申请实施例提供的动画处理方法的流程示意图；

图4A-图4B是本申请实施例提供的生成动画的过程的示意图；

图5是本申请实施例提供的动画设计的页面示意图；

图6是本申请实施例提供的Bodymovin插件应用的示意图；

图7是本申请实施例提供的JSON文件的内容的示意图；

图8是本申请实施例提供的获取数据的示意图；

图9是本申请实施例提供的数据清洗的示意图；

图10是本申请实施例提供的朴素匹配算法的流程示意图；

图11是本申请实施例提供的多种动画添加方式的分析对比图；

图12A是本申请实施例提供的登录页面的示意图；

图12B-图12D是本申请实施例提供的动态窗帘的示意图；

图13是本申请实施例提供的服务器200的结构示意图。

具体实施方式

为了使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请作进一步地详细描述，所描述的实施例不应视为对本申请的限制，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。

在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。

在以下的描述中，所涉及的术语“第一/第二/第三”仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一/第二/第三”在允许的情况下可以互换特定的顺序或先后次序，以使这里描述的本申请实施例能够以除了在这里图示或描述的以外的顺序实施。

除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的，不是旨在限制本申请。

对本申请实施例进行进一步详细说明之前，对本申请实施例中涉及的名词和术语进行说明，本申请实施例中涉及的名词和术语适用于如下的解释。

1)模态窗(Modals)：Modals一般用来完成一项具体的任务，Modals可以通过完成任务或点击外部区域来关闭。

2)动态窗帘：使用动画来展示动态信息的模态窗。

3)AE(Adobe After Effects)：是一款图形视频处理软件，属于层类型后期软件。适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。

4)占位符：用于占据固定位置，等待在固定位置中添加内容的符号，广泛用于计算机中各类文档的编辑。

5)朴素匹配算法：从主串的第一个字符开始分别与子串从开头进行比较，当发现不匹配时，主串回到这一轮开始的下一个字符，子串从头开始比较。直到子串所有的字符都匹配，返回所在主串中的下标。

6)Bodymovin：AE插件，用于将AE中设计好的动画导出成带有矢量动画信息的JSON文件，JSON文件可以在以下平台播放：Web、安卓、iOS、React Native。

7)React Native：是跨平台移动应用开发框架，支持iOS和安卓两大平台。它使用JavaScript语言来开发移动应用。

8)SVGA：是一种跨平台的开源动画格式，同时兼容安卓、iOS、Web。SVGA使用简单、性能卓越，还可让动画开发分工明确，各自专注各自的领域，大大减少动画交互的沟通成本，提升开发效率。

9)Lottie：是一款能够为原生应用添加动画效果的开源工具，可以解析使用AE制作的动画，导出为JSON格式，支持以下平台：Web、安卓、iOS、React Native。

10)便携式网络动画(APNG，Animated Portable Network Graphics)：是一种基于便携式网络图片的位图动画格式，对传统便携式网络图片保留向下兼容。

11)图形交换格式(GIF，Graphics Interchange Format)：用于以超文本标志语言(Hypertext Markup Language)方式显示索引彩色图像，在因特网和其他在线服务系统上得到广泛应用。

12)JS对象简谱(JSON，JavaScript Object Notation)：是一种轻量级的数据交换格式。它采用完全独立于编程语言的文本格式来存储和表示数据。易于阅读和编写，同时也易于机器解析和生成，并有效地提升了网络传输效率。

相关技术在终端应用的页面中通常以静态弹窗的方式呈现推送消息，静态弹窗中的内容是固定的，互动性差，动态性低，且无法自动更新。

为了解决相关技术中的上述技术问题，本申请实施例提供一种动画处理方法、装置、电子设备和计算机可读存储介质，能够自动更新动画文件。

本申请实施例提供的动画处理方法可以由各种电子设备实施，例如，可以由终端或服务器单独实施。例如，终端在通过动画制作软件制作得到第一动画文件后，可以对第一动画文件执行下文所述的动画处理方法。动画处理方法也可以由服务器和终端协同实施。例如，终端在制作得到第一动画文件后，可以将第一动画文件发送服务器。通过服务器对第一动画文件中的待替换内容进行替换，得到第二动画文件，并对第二动画文件进行渲染，得到对应的动画。然后将第二动画文件返回给终端，以在终端中呈现动画。

本申请实施例提供的电子设备可以是各种类型的终端设备或服务器，其中，服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器；终端可以是智能手机、平板电脑、笔记本电脑、台式计算机等，但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接，本申请对此不做限制。

以服务器为例，例如可以是部署在云端的服务器集群，向用户开放人工智能云服务(AIaaS，AI as a Service)，AIaaS平台会把几类常见的AI服务进行拆分，并在云端提供独立或者打包的服务，这种服务模式类似于一个AI主题商城，所有的用户都可以通过应用程序编程接口的方式来接入使用AIaaS平台提供的一种或者多种人工智能服务。

例如，其中的一种人工智能云服务可以是动画处理服务，即云端的服务器封装有本申请实施例提供的动画处理的程序。终端在生成第一动画文件后，通过调用云服务中的动画处理服务，以使部署在云端的服务器调用封装的动画处理的程序，确定第一动画文件中的待替换内容，并将待替换内容替换为匹配的目标数据，得到第二动画文件，对第二动画文件进行渲染，得到对应的动画。将第二动画文件返回给终端，以在终端中呈现动画。

下面以服务器和终端协同实施本申请实施例提供的动画处理方法为例进行说明。参见图1，图1是本申请实施例提供的动画处理系统10的架构示意图。动画设计师的终端400-1和用户的终端400-2通过网络300连接服务器200，网络300可以是广域网或者局域网，又或者是二者的组合。

在一些实施例中，动画设计师的终端400-1响应于推送操作，向服务器200发送携带第一动画文件的推送请求。服务器200响应于推送请求，确定第一动画文件中的待替换内容，并通过匹配的目标数据替换待替换内容，得到第二动画文件，对第二动画文件进行渲染，得到与用户账号关联的动画。服务器200将动画推送给对应的用户账号的终端400-2。

参见图2，图2是本申请实施例提供的动画处理系统10的架构图，服务器以及终端都可以加入区块链网络500而成为其中的一个节点(即运行有区块链网络500中的一个节点)。区块链网络500的类型是灵活多样的，例如可以为公有链、私有链或联盟链中的任意一种。以公有链为例，任何业务主体的电子设备例如终端，都可以在不需要授权的情况下接入区块链网络500，以作为区块链网络500的共识节点，例如，服务器200映射为区块链网络500中的共识节点500-0，终端400-2映射为区块链网络500中的共识节点500-1。

以区块链网络500为联盟链为例，服务器和终端在获得授权后可以接入区块链网络500。终端400-1将携带第一动画文件的推送请求发送给服务器，服务器在对第一动画文件进行动画处理，得到第二动画文件，对第二动画文件进行渲染，得到与用户账号关联的动画。将动画发送到其他终端(终端400-2等)，其他终端可以通过执行智能合约的方式来对动画进行验证(可以验证动画是否正常展示)。例如，当其他终端确定动画中需要出现图片的地方空白，即图片加载失败时，可以确定动画展示的信息界面不正常，则验证不通过。当超过数目阈值的节点确认验证通过时，将对其签署数字签名(即背书)，当动画有足够的背书时，才会将动画发送给对应的用户账号的终端。其中，第一动画文件可以作为动画模板上链存储，在上链存储后，还可以基于其他用户的个人信息对第一动画文件展示的信息界面中的数据进行替换，生成与其他用户账号关联的动画，并将生成的动画推送给其他用户账号对应的终端。

可见，本申请实施例中通过多个节点对动画进行共识验证的方式，可以保证动画的正确展示。

下面将结合附图对本申请实施例提供的动画处理方法进行说明，下述方法的执行主体可以为服务器，具体可以是服务器通过运行上文的各种计算机程序来实现的；当然，根据对下文的理解，不难看出也可以由终端或者终端和服务器协同实施本申请实施例提供的动画处理方法。

参见图3A，图3A是本申请实施例提供的动画处理方法的流程示意图，将结合图3A示出的步骤进行说明。

在步骤101中，对第一动画文件进行解析，得到第一动画文件展示的信息界面中包括的数据。

在一些实施例中，第一动画文件展示的信息界面即第一动画文件对应的动画所呈现的信息界面，信息界面可以包括多个元素，如文本、图片、视频、音频等。

第一动画文件可以通过图形软件或视频软件生成，例如，可以通过AE中的Bodymovin插件将动画设计师设计好的动画导出，形成第一动画文件。第一动画文件包括数据子文件和图像子文件，其中，图像子文件中包括多张图片。数据子文件包括结构数据、图层数据和元素数据。其中，结构数据包括动画画布的宽高、背景色、时间、起始帧、结束帧、帧数等。图层数据包括动画的各个图层(如形状图层、文本图层、灯光图层等)和每个图层包括的帧，每帧可以视为对应的图层的子图层，将同一图层中的各帧(各子图层)合成可得到该图层，每个图层叠加起来可得到对应的动画。元素数据包括每个图层中的元素的信息，每个元素对应一个图层。例如，对于文本这一元素，数据子文件中可以包括该文本中文字的大小、颜色、字体等属性数据；对于图片这一元素，数据子文件中可以包括该图片的名称、存储路径、宽度和高度等属性数据。在一些可能的示例，第一动画文件还可以包括项目子文件，可以通过调用项目子文件播放第一动画文件对应的动画。

在一些实施例中，对第一动画文件进行解析，得到第一动画文件展示的信息界面中包括的数据，可以采用以下方式实现。基于第一数据类型遍历数据子文件，得到属于第一数据类型的数据；将以下至少一种数据作为第一动画文件展示的信息界面中包括的数据：属于第一数据类型的数据、图像子文件中的图像数据。其中，第一数据类型可以是文本类型、图标类型等。可见，本申请实施例通过对第一动画文件进行解析，可以得到第一动画文件对应的动画所呈现的信息界面中特定类型(第一数据类型)的数据，便于后续确定需要替换的待替换内容。

在步骤102中，将至少一个数据作为待替换内容，并将待替换内容替换为对应的占位符。

在一些实施例中，动画设计师在设计动画时，对信息界面中需要替换的元素进行标识，即添加数据替换标识，或者对需要替换的元素所处的图层(或子图层)进行标识，即添加图层替换标识。在对第一动画文件进行解析，得到第一动画文件展示的信息界面中包括的数据之后，可以基于数据替换标识查找信息界面中包括的数据，得到添加了数据替换标识的元素对应的数据，即待替换的至少一个数据。例如，需要在终端应用中以动画的形式向用户实时推送热门基金，则该动画中热门基金所对应的元素(文字或图片等)应该是可以替换的，而不是固定的元素，可以在设计动画时对热门基金所对应的文字添加数据替换标识，以便快速定位出需要替换的数据。

在一些可能的示例中，在对第一动画文件进行解析，得到第一动画文件展示的信息界面中包括的数据之后，还可以基于第一动画文件中的数据子文件中的图层数据确定信息界面对应的多个图层；基于图层替换标识从多个图层中确定出待替换图层；将第一动画文件中待替换图层中元素对应的数据作为待替换的至少一个数据。如此，可以基于图层替换标识定位出需要替换的数据，效率较高。

在一些实施例中，在确定待替换的至少一个数据之后，通过占位符替换至少一个数据。对于不同数据类型的数据，可以选用同一替换符进行替换，也可以选用不同的替换符进行对应替换。占位符包括标题占位符、文本占位符、数字占位符、日期占位符等，其形式包括％d(代表整数)、％f(代表浮点)、％s(代表字符串)、％char(代表指针)等。

在一些可能的示例中，可以根据数据类型对至少一个数据进行分类聚集，得到至少一个集合，并通过与至少一个集合一一对应的占位符对集合中的数据进行替换。例如，根据数据类型将待替换的至少一个数据分为集合1和集合2，集合1与占位符1对应，集合2与占位符2对应，则通过占位符1替换集合1中的待替换内容，通过占位符2替换集合2中的待替换内容。如此，可以根据数据类型将待替换内容聚集为不同的集合，方便后续数据的匹配替换。

在步骤103中，获取目标数据。

在一些实施例中，目标数据用于更新第一动画文件。可以从终端应用对应的后台的各个系统中获取数据，例如从办公自动化(OA，Office Automation)系统、人力资源(HR，Human Resource)系统中获取数据。因为这些数据较为杂乱，且其中包括很多不必要的数据，所以需要对数据进行清理。

首先，获取目标维度的数据，其中，目标维度包括以下至少之一：用户信息、产品信息、推荐维度。可以从与目标维度相关的系统中获取对应的数据，例如，HR系统中存储着用户信息，则可从HR系统中获取用户信息这一维度的数据。用户信息可以包括用户账号、年龄、性别、爱好等。产品信息可以包括产品名称、产品价格、产品评价等。例如，需要向用户推送基金信息，此时，产品信息还可以包括基金类型、净增长率、涨跌幅值等。推荐维度即向用户推荐信息(动画)时需要考虑的内容。推荐维度可以以产品为导向，如向所有用户推送热门基金；推荐维度也可以以用户类型为导向，即基于用户信息、购买信息等数据对用户进行分类，例如将用户分为保守型用户、激进型用户和平衡性用户，则对不同类型的用户推送不同类型的基金，对保守型用户推送保本型基金，对平衡性用户推送稳增长型基金，对激进型用户推送增长快、风险高的基金；推荐维度还可以是以个体用户为导向的，即对不同的用户，推送不同的基金。

如此，通过获取目标维度的数据，而不是获取所有系统中的所有数据，可以有效地减少数据处理量，而且获取的目标维度的数据更为清晰，容易整理。

然后，基于目标数据属性对目标维度的数据执行筛选操作，得到目标数据。

在一些实施例中，基于目标数据属性对目标维度的数据执行筛选操作，得到目标数据，可以通过图3B中的步骤1031和步骤1032实现。

在步骤1031中，基于第二数据类型对目标维度的数据执行筛选操作，得到属于第二数据类型的数据。

在一些实施例中，第二数据类型可以包括图片类型、文本类型等。遍历目标维度的数据，从中查找属于第二数据类型的数据。例如，第二数据类型为图片类型时，可以图片类型中图片名称对应的“p”为标识，在目标维度的数据中进行查找，得到属于图片类型的数据。再例如，第二数据类型为文本类型时，可以文本类型中文本对象对应的“t”为标识，在目标维度的数据中进行查找，得到属于文本类型的数据。如此，可以从目标维度的数据中进一步筛选出特定数据类型的数据，缩小用于替换的数据的查找范围。

在步骤1032中，基于目标数据属性对属于第二数据类型的数据执行筛选操作，得到与目标数据属性一致的属性数据，并将属性数据作为目标数据。

在一些实施例中，目标数据属性即待替换内容的部分属性。为了保证在将待替换内容替换为目标数据后，整体观感不变，目标数据需要具备待替换内容的部分属性，例如，当替换图片时，需要保证图片的宽和高不变；当替换文本时，需要保证文本的字体和颜色不变，所以，需要基于目标数据属性对属于第二数据类型的数据进一步进行筛选，得到目标数据。

目标数据属性可以是图片的属性、文本的属性、视频的属性等。当为文本的属性时，目标数据属性可以是文本中文字的大小、对齐方式、文字间距等属性；当为图片的属性时，目标数据属性可以是图片的大小、宽度、高度、存储路径等属性；当为视频的属性时，目标数据属性可以是视频的起始帧、结束帧、帧数、宽度、高度等属性。以目标数据属性是图片的宽度和高度为例说明，例如，用于替换的图片的宽和高需要与信息页面中待替换的图片的宽和高保持一致，其宽度为2.5厘米，高度为3.5厘米，则可在属于第二数据类型的数据中查找“w”(宽度)属性对应值为2.5，且“h”(高度)属性对应值为3.5的图片的属性数据，并将图片的属性数据作为目标数据。

可见，基于目标数据属性进行筛选，进一步减少了后续与待替换的内容匹配的数据量，有助于提高匹配效率，且因为属性一致，目标数据可以与待替换的内容实现快速匹配，不需要基于多种属性进行多次确认。

在一些实施例中，因为目标维度的数据中包括很多不必要的数据，所以在基于目标数据属性对目标维度的数据进行筛选操作之前，还需要基于清洗规则对目标维度的数据执行清洗操作，以去除不必要的数据。其中，清洗规则包括以下至少之一：业务清洗规则、属性清洗规则、相似度清洗规则和真伪清洗规则，业务清洗规则与目标维度关联。

其中，业务清洗规则用于对目标维度的数据中的业务相关数据进行清洗，去除业务无关的数据。属性清洗规则用于清洗掉与动画无关的数据。相似度清洗规则用于清洗掉相似度高即认为重复的数据，例如，“男生”、“0”、“a”都用于表示男生，但它们针对的对象实际相同，此时，只需要保留其中一种数据，而过滤到其他两种数据。真伪清洗规则用于清洗掉错误的数据。因为在数据的采集和整理的过程中，数据可能存在误差或者错误，所以需要进行真伪清洗，将错误的数据清洗掉，可以通过预设的逻辑验证规则对数据进行分析，确定错误数据并清洗，以保证数据的真实性。

可见，通过上述清洗规则的清洗，可以将无关的数据、重复的数据、错误的数据等都清洗掉，实现了从海量的数据中筛选出有效的数据，用于后续筛选确定目标数据。

在一些可能的示例中，当包括至少两条清洗规则时，可以对清洗规则进行优先级排序，可以根据清洗力度对清洗规则进行优先级排序，例如，可将清洗力度最大，即清洗掉的数据量最多的清洗规则的优先级设置为最高，即优先级排序为第一；将清洗力度最小的清洗规则的优先级设置为最低，即优先级排序为最后。如此，可实现通过尽可能少的清洗次数去除不部分的不需要的数据，提高数据清洗效率。

在一些可能的示例中，在进行数据清洗的过程中，可以在经过所有清洗规则清洗后，才停止清洗，也可以当经过某一清洗规则清洗后的数据量小于或等于数据量阈值时，停止清洗，即使还未经过其他清洗规则的清洗。如此，可以保证用于匹配的目标数据的数据量，也可避免过度清洗，导致有用数据被误清洗掉。

可以看出，本申请实施例通过获取目标维度的数据，并基于目标数据属性对目标维度的数据进行筛选，得到用于更新第一动画文件的目标数据，最终可实现对不同的用户展示不同的动画，达到定制化的动画推送效果。当动画用于推送基金信息时，可以通过动画向不同的用户展示不同的基金，且不同的基金可以展示不同的收益率、不同的文案和动画效果。

在步骤104中，将目标数据与待替换内容进行匹配，并将目标数据填充到匹配的待替换内容对应的占位符中。

在一些实施例中，将目标数据与待替换内容进行匹配，可以采用以下方式实现。将目标数据对应的字符串与待替换内容对应的字符串的部分进行比对；当比对一致时，确定目标数据与待替换内容匹配；当比对不一致时，确定目标数据与待替换内容不匹配。

在一些可能的示例中，当目标数据为图像时，其对应的字符串是图像的存储地址的字符串。例如，图像对应的字符串可以是“http://img.cn/upload/b9d_th.jpg”。当目标数据为文本时，将该文本作为对应的字符串。

在一些可能的示例中，可以通过朴素匹配算法进行字符串的匹配，还可以通过Robin Karp算法或KMP算法等进行匹配。

在一些可能的示例中，可以将目标数据对应的字符串作为匹配串，将待替换内容对应的字符串作为主串，主串的长度大于或者等于匹配串的长度。如果在主串中能找到匹配串，则主串对应的待替换内容与匹配串对应的目标数据相匹配；如果在主串中无法找到匹配串，则主串对应的待替换内容与匹配串对应的目标数据不匹配。

在确定目标数据与待替换内容是否匹配时，若目标数据对应的字符串的长度大于或者等于待替换内容对应的字符串的长度，也可以将待替换内容对应的字符串与目标数据对应的字符串的部分进行比对，即将待替换内容对应的字符串作为匹配串，将目标数据对应的字符串作为主串，从而进行匹配。

在一些实施例中，在将目标数据与待替换内容进行匹配时，还可以先确定与步骤102中待替换的数据构成的集合的数据类型一致的目标数据，然后对数据类型一致的待替换内容和目标数据进行匹配，从而确定与待替换内容匹配的目标数据。如此，可以减少数据匹配的工作量，提高匹配效率。

在一些实施例中，将目标数据填充到匹配的待替换内容对应的占位符中，可以采用以下方式实现。当目标数据对应的类型为图片时，将目标数据对应的存储路径填充到匹配的待替换内容对应的占位符中；当目标数据对应的类型为文本时，将目标数据中文本对应的字符串填充到匹配的待替换内容对应的占位符中。可见，本申请实施例通过占位符对待替换内容所在位置占位，同时可以起到提示填充数据的作用。

在步骤105中，基于填充结果生成第二动画文件。

在一些实施例中，目标数据是与用户账号关联的，相应地，第二动画文件也是与用户账号关联的，在基于填充结果生成第二动画文件之后，对第二动画文件的各个图层中的数据进行合成处理；对进行合成处理后的第二动画文件中的每一帧进行渲染，得到与用户账号关联的动画。

其中，因为对信息界面中的元素进行了匹配替换，所以在填充并生成第二动画文件之后，需要对各个图层中的数据进行合成处理，例如，在同一图层中包括图片1、图片1对应的特效、音频1，那么在将图片1替换为图片2，且确定保留特效和音频时，需要对图片2、图片1对应的特效以及音频1进行合成处理。再例如，同一图层中包括不同位置处的文本1、文本2和文本3，在将文本1替换为文本4之后，需要对文本4、文本2和文本3进行合成处理。

在一些实施例中，当接收到终端的推荐请求时，确定推荐请求对应的用户账号，推荐请求是根据终端接收到的登录操作或对特定功能模块的触发操作而生成的；确定与用户账号对应的动画，并将动画发送给终端，以在终端中呈现动画。

其中，特定功能模块例如可以是浏览器应用中的推荐模块、视频应用的推荐模块等。动画可以是SVGA格式的，也可以是其他格式。通过将动画推送给对应的用户账号的终端，可以实现个性化的动画推送，提高用户体验。例如，对于不同的用户，可以向其推荐对应的基金，或者向其推荐不同的商品。

可以看出，本申请实施例通过占位符替换第一动画文件中的待替换内容，并在确定与第一动画文件展示的信息页面中的待替换内容匹配的目标数据后，将目标数据填充至待替换内容对应的占位符中，实现对待替换内容的自动替换，从而实现了根据目标数据对动画文件的自动更新，优化用户体验。

下面，将说明本申请实施例提供的动画处理方法在一个实际的应用场景中的示例性应用。

参见图4A和图4B，图4A至图4B是本申请实施例提供的生成动画的过程的示意图。以下将结合图4A和图4B对生成动画的过程进行说明。动画设计师在通过AE制作动画后，可以导出动画文件，并进行体验测试，调试查看动画效果，以确定最终动画效果，最后输出动画对应的JSON文件。由前端对导出的动画文件(即JSON文件，前文中的第一动画文件)进行分析，以确定动画文件中的待替换内容，并对待替换内容打桩，即通过模板变量(即占位符)固定待替换内容中的文字内容，或固定待替换内容中的图片内容。同时，动态获取目标数据，将目标数据与待替换内容进行匹配，并将目标数据填充到匹配的变量桩(即占位符)中。最后，对动画文件进行渲染，输出展示效果。

以下将分步说明上述过程。

第一步：输出JSON文件。如图5所示，图5是本申请实施例提供的动画设计的页面示意图。动画设计师通过AE制作动画后，通过图6所示的AE中的Bodymovin插件生成JSON文件并输出，其中JSON文件支持多终端(如Web、安卓、iOS、React Native)播放。如图7所示，JSON文件包括data.json文件夹、demo文件夹和images文件夹。其中，data.json文件夹中存储着JSON文件的数据源，demo文件夹是项目文件夹，可用于观看动画效果，images文件夹中存储着图片等素材。终端可以通过第三方插件将data.json和images这两个文件夹中包含的图片、文本、音视频等内容导出。

第二步：对JSON文件进行动态分析，确定待替换内容，用占位符对待替换内容进行动态打桩。例如，${title_img}为模板占位符，可通过该模板占位符对图片进行占位打桩。

例如，当图片的路径为"images/"，图片的名称为"img_0.png"时，可以用占位符对"images/"进行替换，表示将修改图片的存储路径为其他图片文件夹；也可以用占位符对"img_0.png"进行替换，表示将修改图片的存储路径为同一图片文件夹下不同的图片。再例如，当待替换内容为文本时，可以通过文本的“t”属性确定出需要被占位符替换的地方。

第三步：从各大系统中获取数据，并进行数据清洗。因为获取的数据中有很多不必要的数据，所以还需要进行数据清洗。清洗的过程主要是通过在开发中指定对应的数据接口字段，将动画的信息界面中需要展示的元素提取出来，并清理掉其他不必要的数据。

如图8所示，图8是本申请实施例提供的获取数据的示意图，可从数字化运营管理系统和数据工具管理平台等系统或平台的各个接口(如数字化运营管理系统的spid接口)中获取数据。如图9所示，先从企业资源计划(ERP，Enterprise Resource Planning)系统、财务云信息(FOL)系统、OA系统和HR系统中获取数据，然后，清洗引擎依次基于业务清洗规则、属性清洗规则、相似度清洗规则和真伪清洗规则对获取的数据进行清洗，还可以根据实际情况调整上述规则的优先级。数据清洗的记录存储在清洗日志中，可通过查阅清洗日志明确清洗过程。清洗后的数据存储在主数据管理(MDM，Master Data Management)系统中。

第四步：进行数据匹配替换。将从各大系统获取的数据动态匹配填充至占位符中，可使用朴素匹配算法进行匹配。如图10所示，图10是本申请实施例提供的朴素匹配算法的流程示意图。其中，i、j、k分别表示匹配过程中主串下标、匹配串下标、记录的下次循环主串开始的位置。s[0]表示主串的长度，t[0]表示匹配串的长度。

其匹配逻辑为：从主串的第1个字符起和匹配串的第一个字符进行比较，若相同，则两者顺次的去比较后续的每一个字符，否则从主串的下一个字符起再重新和匹配串的字符进行比较，直至主串中能够找到子串，或者确定在主串中无法找到子串。

在确定与待替换内容匹配的目标数据后，将目标数据填充到匹配的待替换内容对应的占位符中。当待替换内容为图片时，将JSON文件的assets资源中的待替换的图片处的占位符修改为目标数据(新的图片)的存储路径。当待替换内容为文本时，将JSON文件的assets资源中的待替换的文本处的占位符修改为目标数据(新的文本)对应的字符串。因为使用了朴素匹配算法，所以可以一次性确定所有匹配的目标数据，皮来那个进行填充替换，提高替换效率。

第五步：基于填充结果生成第二动画文件，并对第二动画文件渲染，展示动态动画的效果。还可以通过Lottie或SVGA添加动画效果。图11是本申请实施例提供的多种动画添加方式的分析对比图。可以看出，占用内存大小对比：序列帧>图片格式(GIF，GraphicsInterchange Format)>APNG>Lottie>SVGA；质量稳定对比：GIF>序列帧>APNG>Lottie>SVGA；支持AE动效对比：SVGA<Lottie<APNG<序列帧<GIF。其中，Lottie和SVGA均能实现数据动画效果需求；但SVGA特效支持度略低，对动画设计师不友好，最终使用Lottie添加动画效果。

在得到第二动画文件对应的动画后，可将动画发送给终端，在终端中的呈现。如图12A所示，图12A是本申请实施例提供的登录页面的示意图。在用户登录终端应用后，在终端应用中将出现图12B所示的动态窗帘，即动画的首帧。动态窗帘中包括文本401“养老从现在开始”。在图12C中，动态窗帘中将出现图片402，在图12D中，该图片将变大，且图片中将出现更多内容，如图片403所示。

可以看出，本申请实施例通过实时获取目标数据，通过占位符对待替换内容进行替换，并通过目标数据填充匹配的占位符，生成第二动画文件，通过Lottie对第二动画文件渲染，提升动画性能和兼容性，形成具有强烈复杂动画观测感、数据可视化真实感的动画效果，吸引用户点击动画，经过内部测试动画的点击率提升约243.82％。本申请实施例得到的动画体验度高、数据逼真、载入速度快、互动性强、兼容性强，可广泛应用于各类终端设备如手表、电视、平板电脑、手机、个人计算机等；同时也解决了传统动画吸引率低、动态性低、互动性差、开发效率低、性能差等问题。

下面说明本申请实施例提供的电子设备的示例性结构，以电子设备为服务器为例，参见图13，图13是本申请实施例提供的服务器200的结构示意图，图13所示的服务器200包括：至少一个处理器210、存储器240、至少一个网络接口220。服务器200中的各个组件通过总线系统230耦合在一起。可理解，总线系统230用于实现这些组件之间的连接通信。总线系统230除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见，在图13中将各种总线都标为总线系统230。

处理器210可以是一种集成电路芯片，具有信号的处理能力，例如通用处理器、数字信号处理器(DSP，Digital Signal Processor)，或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等，其中，通用处理器可以是微处理器或者任何常规的处理器等。

存储器240可以是可移除的，不可移除的或其组合。示例性的硬件设备包括固态存储器，硬盘驱动器，光盘驱动器等。存储器240可选地包括在物理位置上远离处理器210的一个或多个存储设备。

存储器240包括易失性存储器或非易失性存储器，也可包括易失性和非易失性存储器两者。非易失性存储器可以是只读存储器(ROM，Read Only Memory)，易失性存储器可以是随机存取存储器(RAM，Random Access Memory)。本申请实施例描述的存储器240旨在包括任意适合类型的存储器。

在一些实施例中，存储器240能够存储数据以支持各种操作，这些数据的示例包括程序、模块和数据结构或者其子集或超集，下面示例性说明。

操作系统241，包括用于处理各种基本系统服务和执行硬件相关任务的系统程序，例如框架层、核心库层、驱动层等，用于实现各种基础业务以及处理基于硬件的任务。

网络通信模块242，用于经由一个或多个(有线或无线)网络接口220到达其他计算设备，示例性的网络接口220包括：蓝牙、无线相容性认证(WiFi)、和通用串行总线(USB，Universal Serial Bus)等。

在一些实施例中，本申请实施例提供的动画处理装置243可以采用软件方式实现，图13示出了存储在存储器240中的动画处理装置243，其可以是程序和插件等形式的软件，包括以下软件模块：解析模块2431、替换模块2432、获取模块2433、填充模块2434和生成模块2435，这些模块是逻辑上的，因此根据所实现的功能可以进行任意的组合或进一步拆分。将在下文中说明各个模块的功能。

解析模块2431，用于对第一动画文件进行解析，得到第一动画文件展示的信息界面中包括的数据；替换模块2432，用于将至少一个数据作为待替换内容，并将待替换内容替换为对应的占位符；获取模块2433，用于获取目标数据，其中，目标数据用于更新第一动画文件；填充模块2434，用于将目标数据与待替换内容进行匹配，并将目标数据填充到匹配的待替换内容对应的占位符中；生成模块2435，用于基于填充结果生成第二动画文件。

在一些实施例中，第一动画文件包括数据子文件和图像子文件；解析模块2431，还用于基于第一数据类型遍历数据子文件，得到属于第一数据类型的数据；将以下至少一种数据作为第一动画文件展示的信息界面中包括的数据：属于第一数据类型的数据、图像子文件中的图像数据。

在一些实施例中，解析模块2431，还用于基于数据替换标识查找信息界面中包括的数据，得到待替换的至少一个数据；或基于第一动画文件确定信息界面对应的多个图层；基于图层替换标识从多个图层中确定出待替换图层；将第一动画文件中待替换图层对应的数据作为待替换的至少一个数据。

在一些实施例中，获取模块2433，还用于获取目标维度的数据，其中，目标维度包括以下至少之一：用户信息、产品信息、推荐维度；基于目标数据属性对目标维度的数据执行筛选操作，得到目标数据。

在一些实施例中，获取模块2433，还用于基于清洗规则对目标维度的数据执行清洗操作；其中，清洗规则包括以下至少之一：业务清洗规则、属性清洗规则、相似度清洗规则和真伪清洗规则。

在一些实施例中，获取模块2433，还用于基于第二数据类型对目标维度的数据执行筛选操作，得到属于第二数据类型的数据；基于目标数据属性对属于第二数据类型的数据执行筛选操作，得到与目标数据属性一致的属性数据，并将属性数据作为目标数据。

在一些实施例中，填充模块2434，还用于将目标数据对应的字符串与待替换内容对应的字符串的部分进行比对；当比对一致时，确定目标数据与待替换内容匹配；当比对不一致时，确定目标数据与待替换内容不匹配。

在一些实施例中，填充模块2434，还用于当目标数据对应的类型为图片时，将目标数据对应的存储路径填充到匹配的待替换内容对应的占位符中；当目标数据对应的类型为文本时，将目标数据中文本对应的字符串填充到匹配的待替换内容对应的占位符中。

在一些实施例中，第二动画文件与用户账号关联，生成模块2435，还用于对第二动画文件的各个图层中的数据进行合成处理；对进行合成处理后的第二动画文件中的每一帧进行渲染，得到与用户账号关联的动画。

本申请实施例提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。电子设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该电子设备执行本申请实施例上述的动画处理方法。

本申请实施例提供一种存储有可执行指令的计算机可读存储介质，其中存储有可执行指令，当可执行指令被处理器执行时，将引起处理器执行本申请实施例提供的动画处理方法，例如，如图3A示出的动画处理方法。

在一些实施例中，计算机可读存储介质可以是FRAM、ROM、PROM、EPROM、EEPROM、闪存、磁表面存储器、光盘、或CD-ROM等存储器；也可以是包括上述存储器之一或任意组合的各种设备。

在一些实施例中，可执行指令可以采用程序、软件、软件模块、脚本或代码的形式，按任意形式的编程语言(包括编译或解释语言，或者声明性或过程性语言)来编写，并且其可按任意形式部署，包括被部署为独立的程序或者被部署为模块、组件、子例程或者适合在计算环境中使用的其它单元。

作为示例，可执行指令可以但不一定对应于文件系统中的文件，可以可被存储在保存其它程序或数据的文件的一部分，例如，存储在超文本标记语言(HTML，Hyper TextMarkup Language)文档中的一个或多个脚本中，存储在专用于所讨论的程序的单个文件中，或者，存储在多个协同文件(例如，存储一个或多个模块、子程序或代码部分的文件)中。

作为示例，可执行指令可被部署为在一个计算设备上执行，或者在位于一个地点的多个计算设备上执行，又或者，在分布在多个地点且通过通信网络互连的多个计算设备上执行。

综上所述，本申请实施例在确定与第一动画文件展示的信息页面中的待替换内容匹配的目标数据后，将目标数据填充至待替换内容对应的占位符中，实现对待替换内容的自动替换，从而实现了根据目标数据对动画文件的自动更新，优化用户体验。最后，将生成的动画推送给对应的用户账号的终端，可以实现个性化的动画推送，提高用户体验。

以上所述，仅为本申请的实施例而已，并非用于限定本申请的保护范围。凡在本申请的精神和范围之内所作的任何修改、等同替换和改进等，均包含在本申请的保护范围之内。

Claims (10)

1.一种动画处理方法，其特征在于，所述方法包括：

对第一动画文件进行解析，得到所述第一动画文件展示的信息界面中包括的数据；

将至少一个所述数据作为待替换内容，并将所述待替换内容替换为对应的占位符；

获取目标数据，其中，所述目标数据用于更新所述第一动画文件；

将所述目标数据与所述待替换内容进行匹配，并将所述目标数据填充到匹配的待替换内容对应的占位符中；

基于填充结果生成第二动画文件。

2.根据权利要求1所述的方法，其特征在于，所述第一动画文件包括数据子文件和图像子文件；

所述对第一动画文件进行解析，得到所述第一动画文件展示的信息界面中包括的数据，包括：

基于第一数据类型遍历所述数据子文件，得到属于所述第一数据类型的数据；

将以下至少一种数据作为所述第一动画文件展示的信息界面中包括的数据：属于所述第一数据类型的数据、所述图像子文件中的图像数据。

3.根据权利要求1所述的方法，其特征在于，在所述对第一动画文件进行解析，得到所述第一动画文件展示的信息界面中包括的数据之后，所述方法还包括：

基于数据替换标识查找所述信息界面中包括的数据，得到待替换的至少一个所述数据；或

基于所述第一动画文件确定所述信息界面对应的多个图层；

基于图层替换标识从所述多个图层中确定出待替换图层；

将所述第一动画文件中所述待替换图层对应的数据作为待替换的至少一个所述数据。

4.根据权利要求1所述的方法，其特征在于，所述获取目标数据，包括：

获取目标维度的数据，其中，所述目标维度包括以下至少之一：用户信息、产品信息、推荐维度；

基于目标数据属性对所述目标维度的数据执行筛选操作，得到所述目标数据。

5.根据权利要求4所述的方法，其特征在于，在基于目标数据属性对所述目标维度的数据进行筛选操作之前，所述方法还包括：

基于清洗规则对所述目标维度的数据执行清洗操作；

其中，所述清洗规则包括以下至少之一：业务清洗规则、属性清洗规则、相似度清洗规则和真伪清洗规则。

6.根据权利要求4所述的方法，其特征在于，所述基于目标数据属性对所述目标维度的数据执行筛选操作，得到所述目标数据，包括：

基于第二数据类型对所述目标维度的数据执行筛选操作，得到属于所述第二数据类型的数据；

基于所述目标数据属性对属于所述第二数据类型的数据执行筛选操作，得到与所述目标数据属性一致的属性数据，并将所述属性数据作为所述目标数据。

7.根据权利要求1所述的方法，其特征在于，所述将所述目标数据与所述待替换内容进行匹配，包括：

将所述目标数据对应的字符串与所述待替换内容对应的字符串的部分进行比对；

当比对一致时，确定所述目标数据与所述待替换内容匹配；

当比对不一致时，确定所述目标数据与所述待替换内容不匹配。

8.根据权利要求1所述的方法，其特征在于，所述将所述目标数据填充到匹配的待替换内容对应的占位符中，包括：

当所述目标数据对应的类型为图片时，将所述目标数据对应的存储路径填充到匹配的待替换内容对应的占位符中；

当所述目标数据对应的类型为文本时，将所述目标数据中文本对应的字符串填充到匹配的待替换内容对应的占位符中。

9.根据权利要求1所述的方法，其特征在于，所述第二动画文件与用户账号关联，在所述基于填充结果生成第二动画文件之后，所述方法还包括：

对所述第二动画文件的各个图层中的数据进行合成处理；

对进行合成处理后的所述第二动画文件中的每一帧进行渲染，得到与所述用户账号关联的动画。

10.一种动画处理装置，其特征在于，所述装置包括：

解析模块，用于对第一动画文件进行解析，得到所述第一动画文件展示的信息界面中包括的数据；

替换模块，用于将至少一个所述数据作为待替换内容，并将所述待替换内容替换为对应的占位符；

获取模块，用于获取目标数据，其中，所述目标数据用于更新所述第一动画文件；

填充模块，用于将所述目标数据与所述待替换内容进行匹配，并将所述目标数据填充到匹配的待替换内容对应的占位符中；

生成模块，用于基于填充结果生成第二动画文件。

Images