动画处理方法、装置、终端及计算机可读存储介质制造方法及图纸

本发明专利技术公开了一种动画处理方法、装置、终端及计算机可读存储介质。动画处理方法包括：利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图，每个雪碧图中包含一个或多个图片元素；加载目标场景动画的各个雪碧图并渲染与目标场景动画对应的文档流，以使得目标页面显示目标场景动画。本发明专利技术实施例的技术方案中，可将目标场景动画中的多个图片元素放在一个雪碧图中，将目标场景动画切分为多个雪碧图。需要在目标页面显示目标场景动画时，加载与目标场景动画对应的雪碧图，由于一个雪碧图中可包含多个图片元素，则可以减少所需加载的文件的数据量，从而有助于更加流畅地在目标页面显示目标场景动画。

【技术实现步骤摘要】
动画处理方法、装置、终端及计算机可读存储介质
本专利技术涉及终端计算机
，尤其涉及了一种动画处理方法、装置、终端及计算机可读存储介质。
技术介绍
在相关技术中，为了提供更好地用户体验，页面常常需要加载动画，然而前端的动画加载性能较差，占用资源较多，容易造成加载卡顿的现象。
技术实现思路
本专利技术实施例提供一种动画处理方法、装置、终端及计算机可读存储介质。第一方面，本专利技术实施例提供了一种动画处理方法，包括：利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图，每个雪碧图中包含一个或多个图片元素；加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流，以使得目标页面显示所述目标场景动画。在某些实施例中，所述利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图包括：分析所述目标场景动画中的各图片元素及与各图片元素对应的显示时间点和显示区域；根据各图片元素对应的显示时间点和显示区域，将所述目标场景动画所包含的图片元素处理为多个雪碧图，其中连续时段同区域的图片元素位于同一个雪碧图中。在某些实施例中，所述根据各图片元素对应的显示时间点和显示区域，将所述目标场景动画所包含的图片元素处理为多个雪碧图包括：根据各图片元素对应的显示时间点和显示区域，将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图。在某些实施例中，在所述根据各图片元素对应的显示时间点和显示区域，将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图之前，所述根据各图片元素对应的显示时间点和显示区域，将所述目标场景动画所包含的图片元素处理为多个雪碧图还包括：分析各图片元素的数据大小，判断是否存在数据大小大于第二预设阈值的第一图片元素；当存在所述第一图片元素时，将所述第一图片元素压缩至小于或等于所述第二预设阈值，所述第二预设阈值小于或等于所述第一预设阈值。在某些实施例中，所述加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流包括：加载所述目标场景动画的各个雪碧图；在所述目标场景动画的各雪碧图加载完成时，渲染与所述目标场景动画对应的文档流。在某些实施例中，所述利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图之前，所述动画处理方法还包括：获取目标动画，并将所述目标动画切分为多个连续显示的目标场景动画；所述加载所述目标场景动画的各个雪碧图并渲染与所述目标场景化对应的文档流，以使得目标页面显示所述目标场景动画包括：按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与所述目标场景动画对应的文档流，以使得所述目标页面依次显示所述目标场景动画。在某些实施例中，所述按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与所述目标场景动画对应的文档流包括：按照各目标场景动画的显示次序，将第一个目标场景动画作为待显示场景动画，并加载所述待显示场景动画对应的雪碧图；当所述待显示场景动画对应的雪碧图加载完成时，渲染与所述待显示场景动画对应的文档流并将下一个目标场景动画作为待显示场景动画，直到所有目标场景动画对应的雪碧图加载完成。第二方面，本专利技术实施例还提供一种动画处理装置，包括：动画处理模块，用于利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图，每个雪碧图中包含一个或多个图片元素；动画加载模块，用于加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流，以使得目标页面显示所述目标场景动画。在某些实施例中，所述动画处理模块包括：分析单元，用于分析所述目标场景动画中的各图片元素及与各图片元素对应的显示时间点和显示区域；处理单元，用于根据各图片元素对应的显示时间点和显示区域，将所述目标场景动画所包含的图片元素处理为多个雪碧图，其中连续时段同区域的图片元素位于同一个雪碧图中。在某些实施例中，所述处理单元还用于：根据各图片元素对应的显示时间点和显示区域，将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图。在某些实施例中，在所述根据各图片元素对应的显示时间点和显示区域，将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图之前，所述处理单元还用于：分析各图片元素的数据大小，判断是否存在数据大小大于第二预设阈值的第一图片元素；当存在所述第一图片元素时，将所述第一图片元素压缩至小于或等于所述第二预设阈值，所述第二预设阈值小于或等于所述第一预设阈值。在某些实施例中，所动画加载模块包括：第一加载单元，用于加载所述目标场景动画的各个雪碧图；渲染单元，用于在所述目标场景动画的各雪碧图加载完成时，渲染与所述目标场景动画对应的文档流。在某些实施例中，所述动画处理装置还包括：动画获取单元，用于获取目标动画，并将所述目标动画切分为多个连续显示的目标场景动画；所述动画加载模块包括：第二加载单元，用于按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与所述目标场景动画对应的文档流，以使得所述目标页面依次显示所述目标场景动画。在某些实施例中，所述第二加载单元包括：加载子单元，用于按照各目标场景动画的显示次序，将第一个目标场景动画作为待显示场景动画，并加载所述待显示场景动画对应的雪碧图；渲染子单元，用于当所述待显示场景动画对应的雪碧图加载完成时，渲染与所述待显示场景动画对应的文档流并将下一个目标场景动画作为待显示场景动画，直到所有目标场景动画对应的雪碧图加载完成。第三方面，本专利技术实施例还提供一种终端，包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的动画处理程序，其中所述动画处理程序被所述处理器执行时，实现上述任一项实施例所述的动画处理方法中的步骤的指令。第四方面，本专利技术还提供一种计算机可读存储介质，计算机可读存储介质上存储有动画处理程序，其中所述动画处理程序被处理器执行时，实现上述任一项所述的动画处理方法。本专利技术实施例的技术方案中，可将目标场景动画中的多个图片元素放在一个雪碧图中，将目标场景动画切分为多个雪碧图。需要在目标页面显示目标场景动画时，加载与目标场景动画对应的雪碧图，由于一个雪碧图中可包含多个图片元素，则可以减少所需加载的文件的数据量，从而有助于更加流畅地在目标页面显示目标场景动画。附图说明下面将对本专利技术实施例涉及的一些附图进行说明。图1为本专利技术实施例的终端的结构示意图；图2为本专利技术实施例的动画处理方法的流程示意图；图3为本专利技术实施例的动画处理方法的另一流程示意图；图4为本专利技术实施例的动画处理方法涉及的用于举例说明的雪碧图；图5为本专利技术实施例的动画处理方法的又一流程示意图；图6为本专利技术实施例的动画处理方法的再一流程示意图。具体实施方式下面结合本专利技术实施例中的附图对本专利技术实施例进行描述。请参阅图1，图1是本专利技术实施例提供的终端100的结构示意图。终端100包括处理器101、存储器102、网络接口103，以及一个或多个程序，一个或多个程序被存储在存储器102中，并且被配置由处理器101执行，程序包括用以下任一实施例的动画处理方法的步骤的指令。存储器102可以是高速RAM存储器，也可以是稳定的存储器(non-volatilememory)，例如磁盘存储器，存储器102可选的还可以是独立本文档来自技高网...

【技术保护点】
1.一种动画处理方法，其特征在于，包括：利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图，每个雪碧图中包含一个或多个图片元素；加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流，以使得目标页面显示所述目标场景动画。

【技术特征摘要】
1.一种动画处理方法，其特征在于，包括：利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图，每个雪碧图中包含一个或多个图片元素；加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流，以使得目标页面显示所述目标场景动画。2.根据权利要求1所述的动画处理方法，其特征在于，所述利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图包括：分析所述目标场景动画中的各图片元素及与各图片元素对应的显示时间点和显示区域；根据各图片元素对应的显示时间点和显示区域，将所述目标场景动画所包含的图片元素处理为多个雪碧图，其中连续时段同区域的图片元素位于同一个雪碧图中。3.根据权利要求2所述的动画处理方法，其特征在于，所述根据各图片元素对应的显示时间点和显示区域，将所述目标场景动画所包含的图片元素处理为多个雪碧图包括：根据各图片元素对应的显示时间点和显示区域，将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图。4.根据权利要求3所述的动画处理方法，其特征在于，在所述根据各图片元素对应的显示时间点和显示区域，将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图之前，所述根据各图片元素对应的显示时间点和显示区域，将所述目标场景动画所包含的图片元素处理为多个雪碧图还包括：分析各图片元素的数据大小，判断是否存在数据大小大于第二预设阈值的第一图片元素；当存在所述第一图片元素时，将所述第一图片元素压缩至小于或等于所述第二预设阈值，所述第二预设阈值小于或等于所述第一预设阈值。5.根据权利要求1所述的动画处理方法，其特征在于，所述加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流包括：加载所述目标场景动画的各个雪碧图；在所述目标场景动画的各雪碧图加载完成时，渲染与所述目标场景动画对应...

【专利技术属性】
技术研发人员：陈坚，
申请(专利权)人：珠海豹好玩科技有限公司，
类型：发明
国别省市：广东,44