CN115797508A - 一种实时动态动画生成方法、装置、设备及存储介质 - Google Patents
一种实时动态动画生成方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN115797508A CN115797508A CN202211461572.0A CN202211461572A CN115797508A CN 115797508 A CN115797508 A CN 115797508A CN 202211461572 A CN202211461572 A CN 202211461572A CN 115797508 A CN115797508 A CN 115797508A
- Authority
- CN
- China
- Prior art keywords
- animation
- information
- picture
- file
- real
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种实时动态动画生成方法、装置、设备及存储介质,涉及动画技术领域。该方法包括:获取服务端发送的动画消息数据;根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。避免从服务器拉取重复的资源,降低了设计师的设计和制作动画的工作量,提升动画资源的复用性,提高实时动态动画的生成效率,动态变化的动画效果也提升了用户体验感。
Description
技术领域
本发明涉及动画技术领域,特别涉及一种实时动态动画生成方法、装置、设备及存储介质。
背景技术
在现在的直播终端实现中,需要使用到大量的动画效果来提示用户、吸引用户。通常美术设计师使用软件设计出特效通过插件导出到开源的动画渲染库,然后就可以多个平台上使用渲染。
现有技术中,通过将完整的动画资源在终端中内置或集成到终端可执行程序中,终端直接加载进行渲染播放,但是,在终端内置的方案无法实现动态更新,新的动画效果需要升级终端版本。现有技术中,还通过服务端控制完整的动画资源文件,终端下载后再加载进行渲染播放,服务端维护的资源能够做到动态更新,但遇到频繁变化的情况,需要设计师设计和制作大量的资源包,不但占用大量的存储介质,终端也会频繁多次下载,反而降低了使用上的复用性,浪费网络带宽,提高了工作的复杂度。
发明内容
有鉴于此,本发明的目的在于提供一种实时动态动画生成方法、装置、设备及介质,能够提升动画资源的复用性,提高实时动态动画的生成效率。其具体方案如下:
第一方面,本申请公开了一种实时动态动画生成方法,包括:
获取服务端发送的动画消息数据;
根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;
基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;
基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。
可选的,所述根据所述动画消息数据获取模板资源文件、动画行为配置文件,包括:
根据所述动画消息数据中的模板资源文件信息判断本地是否存在对应的模板资源文件,若存在,则直接从本地获取所述模板资源文件;
根据所述动画消息数据中的动画行为配置文件信息判断本地是否存在对应的动画行为配置文件,若存在,则直接从本地获取所述动画行为配置文件。
可选的,所述根据所述动画消息数据中的模板资源文件信息判断本地是否存在对应的模板资源文件,以及根据所述动画消息数据中的动画行为配置文件信息判断本地是否存在对应的动画行为配置文件之后,还包括:
若本地不存在模板资源文件,则根据所述模板文件信息中的模板文件地址从所述服务端获取所述模板文件,并将所述模板文件保存至本地;
若本地不存在动画行为配置文件,则根据所述动画行为配置文件信息中的动画行为配置文件路径从所述服务端获取所述动画行为配置文件,并将所述动画行为配置文件保存至本地。
可选的,所述动画消息数据包含可变元素信息,所述可变元素信息包括文本元素、本地图片和远程图片中的一种或多种可变元素对应的数据信息;所述可变元素的数据信息包括地址信息、路径信息、坐标位置信息、尺寸信息和位置关系中的一种或多种。
可选的,所述基于所述可变元素数据绘制生成目标元素之前,还包括:
根据所述可变元素信息中远程图片对应的数据信息,判断本地是否存在对应的图片;
若不存在,则根据所述可变元素信息中所述远程图片的地址信息,从所述服务端获取所述远程图片添加至所述可变元素数据,并保存所述远程图片到本地。
可选的,所述基于所述可变元素数据绘制生成目标元素,包括:
若所述可变元素数据中包括文本元素,则基于所述文本元素对应的文本数据,按照所述文本元素对应的文字颜色信息、尺寸大小信息和文字格式信息,绘制生成所述目标元素;
若所述可变元素数据中包括图片元素,则基于所述图片元素对应的图像数据,按照所述图片元素对应的尺寸大小信息和图片格式信息,绘制生成所述目标元素。
可选的可选的,所述动画消息数据为lottie消息数据;所述模板资源文件为lottie格式文件;
相应的,所述基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画,包括:
利用lottie播放器,通过加载所述绘制后图片资源和所述动画行为配置文件并渲染至屏幕,以在所述屏幕上生成实时动态动画。
第二方面,本申请公开了一种实时动态动画生成装置,包括:
动画消息数据模块,用于获取服务端发送的动画消息数据;
资源数据获取模块,用于根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;
绘制模块,用于基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;
动画生成模块,用于基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。
第三方面,本申请公开了一种电子设备,包括:
存储器,用于保存计算机程序;
处理器,用于执行所述计算机程序,以实现前述的实时动态动画生成方法。
第四方面,本申请公开了一种计算机可读存储介质,用于存储计算机程序;其中计算机程序被处理器执行时实现前述的实时动态动画生成方法。
本申请中,获取服务端发送的动画消息数据;根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。可见,通过将完整的动画资源分成模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据,针对模板资源文件和动画行为配置文件并非实时变化的文件可以实现复用,由此当模板资源文件和动画行为配置文件不变时,仅需从服务器获取表征实时动态信息的可变元素数据,即可生成当前所需的实时动态动画,避免从服务器拉取重复的资源,降低了设计师的设计和制作动画的工作量,提升动画资源的复用性,提高实时动态动画的生成效率,动态变化的动画效果也提升了用户体验感。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请提供的一种实时动态动画生成方法流程图;
图2为本申请提供的一种具体的实时动态动画生成时序图;
图3为本申请提供的一种具体的实时动态动画生成方法流程图;
图4为现有技术中实时动态动画生成系统结构示意图;
图5为本申请提供的一种具体的实时动态动画生成系统结构示意图;
图6为本申请提供的一种实时动态动画生成装置结构示意图;
图7为本申请提供的一种电子设备结构图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
现有技术中,通过服务端控制完整的动画资源文件,终端下载后再加载进行渲染播放,服务端维护的资源能够做到动态更新,但遇到频繁变化的情况,需要设计师设计和制作大量的资源包,不但占用大量的存储介质,终端也会频繁多次下载,反而降低了使用上的复用性,浪费网络带宽,提高了工作的复杂度。为克服上述技术问题,本申请提出一种实时动态动画生成方法,能够提升动画资源的复用性,提高实时动态动画的生成效率。
本申请实施例公开了一种实时动态动画生成方法,参见图1所示,该方法可以包括以下步骤:
步骤S11:获取服务端发送的动画消息数据。
本实施例中,首先获取服务端发送的动画消息数据,即当展示页展示的动画需要变化时,服务端会发送相应的动画消息数据,上述动画消息数据包括模板资源文件信息、动画行为配置文件信息以及可变元素信息,即此时的动画消息数据并非动画资源实体,而是当前需要展示的动画资源的信息。具体的,上述动画消息数据可以包括模板文件的远程地址、服务器配置的可变元素列表以及播放动画的动画行为配置文件的相对路径信息。
步骤S12:根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据。
本实施例中,根据获取的动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据,具体的,根据动画消息数据中的模板资源文件信息获取相应的模板资源文件,根据动画消息数据中的动画行为配置文件信息获取相应的动画行为配置文件,根据动画消息数据中的可变元素信息获取相应的可变元素数据。
本实施例中,所述根据所述动画消息数据获取模板资源文件、动画行为配置文件,可以包括:根据所述动画消息数据中的模板资源文件信息判断本地是否存在对应的模板资源文件,若存在,则直接从本地获取所述模板资源文件;根据所述动画消息数据中的动画行为配置文件信息判断本地是否存在对应的动画行为配置文件,若存在,则直接从本地获取所述动画行为配置文件。由于模板资源文件和动画行为配置文件是可以复用的,因此当前所需的模板资源文件和动画行为配置文件可能与之前一样,这种情况下资源子啊本地是有存储的,因此在获取到动画消息数据后首先查询本地是否存在对应的资源文件,若存在则直接从本地获取,不需要从服务器再次获取。
本实施例中,所述根据所述动画消息数据中的模板资源文件信息判断本地是否存在对应的模板资源文件,以及根据所述动画消息数据中的动画行为配置文件信息判断本地是否存在对应的动画行为配置文件之后,还可以包括:若本地不存在模板资源文件,则根据所述模板文件信息中的模板文件地址从所述服务端获取所述模板文件,并将所述模板文件保存至本地;若本地不存在动画行为配置文件,则根据所述动画行为配置文件信息中的动画行为配置文件路径从所述服务端获取所述动画行为配置文件,并将所述动画行为配置文件保存至本地。即当本地不存在所需的资源时,从服务器获取,并在获取后将该资源保存至本地,以便下次使用时直接从本地获取即可。
本实施例中,所述动画消息数据包含可变元素信息,所述可变元素信息包括文本元素、本地图片和远程图片中的一种或多种可变元素对应的数据信息;所述可变元素的数据信息包括地址信息、路径信息、坐标位置信息、尺寸信息和位置关系中的一种或多种。即可变元素可以包括3种类型,文本元素、本地图片和远程图片,其中文本元素包括对应的可配置的文字颜色、大小、对齐方式等,本地图片包括图片存放的相对路径,远程图片包括图片的同一资源定位符地址。且每个可变元素都包含元素的摆放位置坐标(x,y)、宽高大小、对齐方式等。
步骤S13:基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源。
本实施例中,上述模板资源文件为展示的动画背景资源,因此基于模板资源文件绘制生成背景图片,可变元素数据为实时动画资源,因此基于可变元素数据绘制生成目标元素,最终基于背景图片和目标元素得到绘制后图片资源,背景图片并非实时改变的,背景图片可以复用,所以根据资源可复用性将动画资源分为可复用的模板资源文件和不可复用的可变元素数据,针对可复用的模板资源文件不需要每次都从服务器获取,并且可以通过保留背景图片,每次仅叠加上可变元素数据绘制生成的目标元素,即可得到实时的图片资源。
本实施例中,所述基于所述可变元素数据绘制生成目标元素之前,还可以包括:根据所述可变元素信息中远程图片对应的数据信息,判断本地是否存在对应的图片;若不存在,则根据所述可变元素信息中所述远程图片的地址信息,从所述服务端获取所述远程图片添加至所述可变元素数据,并保存所述远程图片到本地。即从服务器拉取远程图片之前先查看本地是否存在,若存在则可以直接从本地获取。
本实施例中,所述基于所述可变元素数据绘制生成目标元素,可以包括:若所述可变元素数据中包括文本元素,则基于所述文本元素对应的文本数据,按照所述文本元素对应的文字颜色信息、尺寸大小信息和文字格式信息,绘制生成所述目标元素;若所述可变元素数据中包括图片元素,则基于所述图片元素对应的图像数据,按照所述图片元素对应的尺寸大小信息和图片格式信息,绘制生成所述目标元素。即根据每个可变元素的绘制条件,对每个可变元素进行绘制。
步骤S14:基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。
本实施例中,基于绘制后图片资源,通过加载动画行为配置文件生成实时动态动画,动画行为配置文件用于描述动画行为表现的文件,定义了不同动画元素的缩放、渐变、旋转等动画。
本实施例中,所述动画消息数据为lottie消息数据;所述模板资源文件为lottie格式文件;相应的,所述基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画,可以包括:利用lottie播放器,通过加载所述绘制后图片资源和所述动画行为配置文件并渲染至屏幕,以在所述屏幕上生成实时动态动画。即以Lottie动画渲染库为例,动画消息数据为lottie消息数据,实时动态动画生成时序图如图2所示:
1.Server向终端推送展示可变Lottie消息协议数据,即动画消息数据;
2.终端解析可变Lottie消息转换为终端定义的数据实体;
3.如果终端本地不存在当前的可变Lottie模板资源文件,从Server上下载模板文件,如果已存在,跳到下一步;
4.解压已下载好的模板文件zip包,如果已经解压,跳到下一步;
5.遍历可变元素列表,如果有可变元素远程图片,开始下载远程图片,转换为可变元素本地图片;如果已存在,直接转换为可变元素本地图片;
6.开始绘制可变Lottie图片;
7.绘制背景;
8.开始遍历可变元素列表并绘制到可变Lottie图片上;
a.绘制文本元素;b.绘制本地图片;
9.保存到可变Lottie图片资源本地相对路径;
10.开始加载动画行为配置文件(data.json)和加载Lottie图片资源,播放Lottie动画;
相应的,实时动态动画生成方法流程图如图3所示。
现有技术中,实时动态动画生成系统如图4所示,本实施例提供的实时动态动画生成系统如图5所示,可见从服务端拉取的资源并非是完整的直接可使用的资源,通过增加“Lottie Editor”模块,将可复用的资源和不可复用的资源进行整合。在针对实时动态信息需要和动画结合展示渲染的场景,下载和缓存模板文件能复用设计师设计和制作的动画效果、通过可变元素让服务端可配置实时动态的信息,最终生成Lottie引用的图片资源,Lottie渲染时就达到展示出实时动态的信息的能力。可见,Lottie动画中的图片资源,通过动态配置信息,把实时的动态信息数据用图片绘制的方式,绘制保存成Lottie动画所需的图片上,从而做到播放合动态实时信息动画。
由上可见,本实施例中获取服务端发送的动画消息数据;根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。可见,通过将完整的动画资源分成模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据,针对模板资源文件和动画行为配置文件并非实时变化的文件可以实现复用,由此当模板资源文件和动画行为配置文件不变时,仅需从服务器获取表征实时动态信息的可变元素数据,即可生成当前所需的实时动态动画,避免从服务器拉取重复的资源,降低了设计师的设计和制作动画的工作量,提升动画资源的复用性,动态变化的动画效果也提升了用户体验感。
相应的,本申请实施例还公开了一种实时动态动画生成装置,参见图6所示,该装置包括:
动画消息数据模块11,用于获取服务端发送的动画消息数据;
资源数据获取模块12,用于根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;
绘制模块13,用于基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;
动画生成模块14,用于基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。
由上可见,本实施例中获取服务端发送的动画消息数据;根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。可见,通过将完整的动画资源分成模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据,针对模板资源文件和动画行为配置文件并非实时变化的文件可以实现复用,由此当模板资源文件和动画行为配置文件不变时,仅需从服务器获取表征实时动态信息的可变元素数据,即可生成当前所需的实时动态动画,避免从服务器拉取重复的资源,降低了设计师的设计和制作动画的工作量,提升动画资源的复用性,动态变化的动画效果也提升了用户体验感。
在一些具体实施例中,所述资源数据获取模块12具体可以包括:
第一判断单元,用于根据所述动画消息数据中的模板资源文件信息判断本地是否存在对应的模板资源文件,若存在,则直接从本地获取所述模板资源文件;
第二判断单元,用于根据所述动画消息数据中的动画行为配置文件信息判断本地是否存在对应的动画行为配置文件,若存在,则直接从本地获取所述动画行为配置文件。
在一些具体实施例中,所述资源数据获取模块12具体可以包括:
模板文件获取单元,用于若本地不存在模板资源文件,则根据所述模板文件信息中的模板文件地址从所述服务端获取所述模板文件,并将所述模板文件保存至本地;
动画行为配置文件获取单元,用于若本地不存在动画行为配置文件,则根据所述动画行为配置文件信息中的动画行为配置文件路径从所述服务端获取所述动画行为配置文件,并将所述动画行为配置文件保存至本地。
在一些具体实施例中,所述动画消息数据可以包含可变元素信息,所述可变元素信息可以包括文本元素、本地图片和远程图片中的一种或多种可变元素对应的数据信息;所述可变元素的数据信息可以包括地址信息、路径信息、坐标位置信息、尺寸信息和位置关系中的一种或多种。
在一些具体实施例中,所述实时动态动画生成装置具体可以包括:
图片判断单元,用于根据所述可变元素信息中远程图片对应的数据信息,判断本地是否存在对应的图片;
远程图片获取单元,用于若不存在,则根据所述可变元素信息中所述远程图片的地址信息,从所述服务端获取所述远程图片添加至所述可变元素数据,并保存所述远程图片到本地。
在一些具体实施例中,所述绘制模块13具体可以包括:
第一绘制单元,用于若所述可变元素数据中包括文本元素,则基于所述文本元素对应的文本数据,按照所述文本元素对应的文字颜色信息、尺寸大小信息和文字格式信息,绘制生成所述目标元素;
第二绘制单元,用于若所述可变元素数据中包括图片元素,则基于所述图片元素对应的图像数据,按照所述图片元素对应的尺寸大小信息和图片格式信息,绘制生成所述目标元素。
在一些具体实施例中,所述动画消息数据可以为lottie消息数据;所述模板资源文件为lottie格式文件;
相应的,所述动画生成模块14,包括:
动画生成单元,用于利用lottie播放器,通过加载所述绘制后图片资源和所述动画行为配置文件并渲染至屏幕,以在所述屏幕上生成实时动态动画。
进一步的,本申请实施例还公开了一种电子设备,参见图7所示,图中的内容不能被认为是对本申请的使用范围的任何限制。
图7为本申请实施例提供的一种电子设备20的结构示意图。该电子设备20,具体可以包括:至少一个处理器21、至少一个存储器22、电源23、通信接口24、输入输出接口25和通信总线26。其中,所述存储器22用于存储计算机程序,所述计算机程序由所述处理器21加载并执行,以实现前述任一实施例公开的实时动态动画生成方法中的相关步骤。
本实施例中,电源23用于为电子设备20上的各硬件设备提供工作电压;通信接口24能够为电子设备20创建与外界设备之间的数据传输通道,其所遵循的通信协议是能够适用于本申请技术方案的任意通信协议,在此不对其进行具体限定;输入输出接口25,用于获取外界输入数据或向外界输出数据,其具体的接口类型可以根据具体应用需要进行选取,在此不进行具体限定。
另外,存储器22作为资源存储的载体,可以是只读存储器、随机存储器、磁盘或者光盘等,其上所存储的资源包括操作系统221、计算机程序222及包括动画消息数据在内的数据223等,存储方式可以是短暂存储或者永久存储。
其中,操作系统221用于管理与控制电子设备20上的各硬件设备以及计算机程序222,以实现处理器21对存储器22中海量数据223的运算与处理,其可以是Windows Server、Netware、Unix、Linux等。计算机程序222除了包括能够用于完成前述任一实施例公开的由电子设备20执行的实时动态动画生成方法的计算机程序之外,还可以进一步包括能够用于完成其他特定工作的计算机程序。
进一步的,本申请实施例还公开了一种计算机存储介质,所述计算机存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现前述任一实施例公开的实时动态动画生成方法步骤。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其它实施例的不同之处,各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上对本发明所提供的一种实时动态动画生成方法、装置、设备及介质进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种实时动态动画生成方法,其特征在于,应用于客户端,包括:
获取服务端发送的动画消息数据;
根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;
基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;
基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。
2.根据权利要求1所述的实时动态动画生成方法,其特征在于,所述根据所述动画消息数据获取模板资源文件、动画行为配置文件,包括:
根据所述动画消息数据中的模板资源文件信息判断本地是否存在对应的模板资源文件,若存在,则直接从本地获取所述模板资源文件;
根据所述动画消息数据中的动画行为配置文件信息判断本地是否存在对应的动画行为配置文件,若存在,则直接从本地获取所述动画行为配置文件。
3.根据权利要求2所述的实时动态动画生成方法,其特征在于,所述根据所述动画消息数据中的模板资源文件信息判断本地是否存在对应的模板资源文件,以及根据所述动画消息数据中的动画行为配置文件信息判断本地是否存在对应的动画行为配置文件之后,还包括:
若本地不存在模板资源文件,则根据所述模板文件信息中的模板文件地址从所述服务端获取所述模板文件,并将所述模板文件保存至本地;
若本地不存在动画行为配置文件,则根据所述动画行为配置文件信息中的动画行为配置文件路径从所述服务端获取所述动画行为配置文件,并将所述动画行为配置文件保存至本地。
4.根据权利要求1所述的实时动态动画生成方法,其特征在于,所述动画消息数据包含可变元素信息,所述可变元素信息包括文本元素、本地图片和远程图片中的一种或多种可变元素对应的数据信息;所述可变元素的数据信息包括地址信息、路径信息、坐标位置信息、尺寸信息和位置关系中的一种或多种。
5.根据权利要求4所述的实时动态动画生成方法,其特征在于,所述基于所述可变元素数据绘制生成目标元素之前,还包括:
根据所述可变元素信息中远程图片对应的数据信息,判断本地是否存在对应的图片;
若不存在,则根据所述可变元素信息中所述远程图片的地址信息,从所述服务端获取所述远程图片添加至所述可变元素数据,并保存所述远程图片到本地。
6.根据权利要求1所述的实时动态动画生成方法,其特征在于,所述基于所述可变元素数据绘制生成目标元素,包括:
若所述可变元素数据中包括文本元素,则基于所述文本元素对应的文本数据,按照所述文本元素对应的文字颜色信息、尺寸大小信息和文字格式信息,绘制生成所述目标元素;
若所述可变元素数据中包括图片元素,则基于所述图片元素对应的图像数据,按照所述图片元素对应的尺寸大小信息和图片格式信息,绘制生成所述目标元素。
7.根据权利要求1至6任一项所述的实时动态动画生成方法,其特征在于,所述动画消息数据为lottie消息数据;所述模板资源文件为lottie格式文件;
相应的,所述基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画,包括:
利用lottie播放器,通过加载所述绘制后图片资源和所述动画行为配置文件并渲染至屏幕,以在所述屏幕上生成实时动态动画。
8.一种实时动态动画生成装置,其特征在于,包括:
动画消息数据模块,用于获取服务端发送的动画消息数据;
资源数据获取模块,用于根据所述动画消息数据获取模板资源文件、动画行为配置文件以及表征实时动态信息的可变元素数据;
绘制模块,用于基于所述模板资源文件绘制生成背景图片,并基于所述可变元素数据绘制生成目标元素,以得到绘制后图片资源;
动画生成模块,用于基于所述绘制后图片资源,通过加载所述动画行为配置文件生成实时动态动画。
9.一种电子设备,其特征在于,包括:
存储器,用于保存计算机程序;
处理器,用于执行所述计算机程序,以实现如权利要求1至7任一项所述的实时动态动画生成方法。
10.一种计算机可读存储介质,其特征在于,用于存储计算机程序;其中计算机程序被处理器执行时实现如权利要求1至7任一项所述的实时动态动画生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211461572.0A CN115797508A (zh) | 2022-11-17 | 2022-11-17 | 一种实时动态动画生成方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211461572.0A CN115797508A (zh) | 2022-11-17 | 2022-11-17 | 一种实时动态动画生成方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115797508A true CN115797508A (zh) | 2023-03-14 |
Family
ID=85439717
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211461572.0A Pending CN115797508A (zh) | 2022-11-17 | 2022-11-17 | 一种实时动态动画生成方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115797508A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116991530A (zh) * | 2023-09-25 | 2023-11-03 | 成都数联云算科技有限公司 | 一种具有交错收缩样式加载指示符的实现方法 |
CN117056630A (zh) * | 2023-08-28 | 2023-11-14 | 广东保伦电子股份有限公司 | 网页布局图片的展示方法、系统、终端设备及介质 |
-
2022
- 2022-11-17 CN CN202211461572.0A patent/CN115797508A/zh active Pending
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117056630A (zh) * | 2023-08-28 | 2023-11-14 | 广东保伦电子股份有限公司 | 网页布局图片的展示方法、系统、终端设备及介质 |
CN116991530A (zh) * | 2023-09-25 | 2023-11-03 | 成都数联云算科技有限公司 | 一种具有交错收缩样式加载指示符的实现方法 |
CN116991530B (zh) * | 2023-09-25 | 2023-12-01 | 成都数联云算科技有限公司 | 一种具有交错收缩样式加载指示符的实现方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2021218327A1 (zh) | 一种页面处理方法和相关装置 | |
CN108279932B (zh) | 一种移动终端动态配置用户界面方法和装置 | |
CN115797508A (zh) | 一种实时动态动画生成方法、装置、设备及存储介质 | |
CN108289234B (zh) | 一种虚拟礼物特效动画展示方法、装置和设备 | |
CN109671147B (zh) | 基于三维模型的纹理贴图生成方法及装置 | |
CN108449409B (zh) | 动画推送方法、装置、设备和存储介质 | |
CN111722885B (zh) | 程序运行方法、装置以及电子设备 | |
CN111818354B (zh) | 动画配置、播放方法、装置、电子设备、系统和介质 | |
JP2010524081A (ja) | リモートアプリケーションのローカルテーマ設定 | |
CN105373545A (zh) | 一种图片显示方法及装置 | |
CN112307403A (zh) | 页面渲染方法、装置、存储介质以及终端 | |
CN113076163A (zh) | 一种卡片渲染方法和装置 | |
CN112634406A (zh) | 生成图片的方法、装置、电子设备、存储介质和程序产品 | |
CN109962972B (zh) | 一种离线包重组方法及系统 | |
CN114168853A (zh) | 一种数据可视化展示方法、装置、介质及电子设备 | |
CN113157270A (zh) | 一种页面适配方法和装置 | |
CN111475231A (zh) | 生成占位图的方法、装置、电子设备及可读介质 | |
CN112486482A (zh) | 一种页面展示方法和装置 | |
CN115471592A (zh) | 一种动态图像的处理方法、系统 | |
CN116775174A (zh) | 一种基于用户界面框架的处理方法、装置、设备及介质 | |
CN113781608A (zh) | 一种动画编辑方法及装置 | |
CN113791751A (zh) | 一种轮播图显示方法、系统及存储介质和终端设备 | |
CN113239328A (zh) | 一种业务功能获取方法、装置、电子设备和存储介质 | |
CN112905168A (zh) | 基于区块的可视化前端页面生成方法及装置 | |
CN112418902A (zh) | 基于网页的多媒体合成方法和系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |