[发明专利]一种动画渲染及发布方法、装置

说明书

本申请涉及互联网技术领域，尤其涉及一种动画渲染及发布方法、装置，用以解决现有的动态发布动画的方案无法支持复杂的逻辑场景需求或消耗系统资源较多，容易导致页面卡顿的问题。本申请实施例提供的一种动画渲染方法包括：获取应用页面中动画的配置文件和用于合成所述动画的多个组成部分；所述多个组成部分中包含位于所述动画底层的背景图和需要展示在所述背景图上的至少一个动态图，每个动态图对应一个动画区域；根据所述配置文件中背景图的属性信息，在所述应用页面中渲染所述背景图；根据所述配置文件中所述至少一个动态图的属性信息，将所述至少一个动态图分别覆盖在渲染后的背景图上。

技术领域

本申请涉及互联网技术领域，尤其涉及一种动画渲染及发布方法、装置。

背景技术

移动设备应用往往要求页面有丰富的展示效果，动画就是其中常用的一种方式。各种业务的快速发展对动画的实现提出了两道难题：一是要求动画能够无需发版立即上线，也就是能够通过服务器动态下发到客户端；二是要求动画能够具有复杂逻辑，例如，在一个动画中出现多个不同的操作区域，不同的操作区域能够具有不同的逻辑操作配置，比如点击区域A播放音乐，点击区域B出现动画1，点击区域C出现动画2等。

目前动态发布动画的两种实现方案中，一种方式是动态下发一张图像互换格式(Graphics Interchange Format，GIF)图片，通过该GIF图片实现动态动画效果。另一种方式是基于H5页面实现：在移动设备原生页面的动画所在视图(View)中内置一个浏览器内核(WebView)，在该WebView中展示H5页面，通过H5页面实现动态动画效果。

在上述动态下发一张GIF图片的动画实现方案中，整个动画由一张GIF图片实现，效果单一，无法支持复杂的逻辑场景需求；另外，当动画区域较大时，GIF图片的下载数据量也会很大，动画通常需要很久才下载成功，导致动画渲染缓慢。在上述基于H5页面的动画渲染方式中，WebView会消耗较多的系统资源，容易导致移动设备当前页面出现卡顿。

发明内容

本申请实施例提供一种动画渲染及发布方法、装置，用以解决现有的动态发布动画的方案无法支持复杂的逻辑场景需求或消耗系统资源较多，容易导致页面卡顿的问题。

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

获取应用页面中动画的配置文件和用于合成所述动画的多个组成部分；所述多个组成部分中包含位于所述动画底层的背景图和需要展示在所述背景图上的至少一个动态图，每个动态图对应一个动画区域；

根据所述配置文件中背景图的属性信息，在所述应用页面中渲染所述背景图；

根据所述配置文件中所述至少一个动态图的属性信息，将所述至少一个动态图分别覆盖在渲染后的背景图上。

可选地，所述多个组成部分中还包含至少一个静态图；在所述应用页面中渲染所述背景图之后，还包括：

根据所述配置文件中所述至少一个静态图的属性信息，将所述至少一个静态图分别覆盖在渲染后的背景图上。

可选地，所述配置文件中还包含用于合成所述动画的至少一个组成部分分别对应的逻辑操作配置信息；其中，任一组成部分对应的逻辑操作配置信息是指在用户对渲染后的该组成部分实施了预定操作后，所触发的逻辑操作信息。

可选地，所述获取应用页面中动画的配置文件和用于合成所述动画的多个组成部分，包括：

从服务器下载动画的配置文件和用于合成所述动画的多个组成部分。

可选地，所述从服务器下载动画的配置文件和用于合成动画的多个组成部分，包括：

按照预设的下载顺序，分别从服务器下载所述动画的配置文件和用于合成所述动画的多个组成部分；

其中，在所述下载顺序中，所述配置文件和背景图位于其它组成部分的前面。