CN109933740A - 动画处理方法、装置、终端及计算机可读存储介质 - Google Patents
动画处理方法、装置、终端及计算机可读存储介质 Download PDFInfo
- Publication number
- CN109933740A CN109933740A CN201910249848.0A CN201910249848A CN109933740A CN 109933740 A CN109933740 A CN 109933740A CN 201910249848 A CN201910249848 A CN 201910249848A CN 109933740 A CN109933740 A CN 109933740A
- Authority
- CN
- China
- Prior art keywords
- animation
- target scene
- sprite
- target
- scene animation
- 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
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种动画处理方法、装置、终端及计算机可读存储介质。动画处理方法包括:利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图,每个雪碧图中包含一个或多个图片元素;加载目标场景动画的各个雪碧图并渲染与目标场景动画对应的文档流,以使得目标页面显示目标场景动画。本发明实施例的技术方案中,可将目标场景动画中的多个图片元素放在一个雪碧图中,将目标场景动画切分为多个雪碧图。需要在目标页面显示目标场景动画时,加载与目标场景动画对应的雪碧图,由于一个雪碧图中可包含多个图片元素,则可以减少所需加载的文件的数据量,从而有助于更加流畅地在目标页面显示目标场景动画。
Description
技术领域
本发明涉及终端计算机技术领域,尤其涉及了一种动画处理方法、装置、终端及计算机可读存储介质。
背景技术
在相关技术中,为了提供更好地用户体验,页面常常需要加载动画,然而前端的动画加载性能较差,占用资源较多,容易造成加载卡顿的现象。
发明内容
本发明实施例提供一种动画处理方法、装置、终端及计算机可读存储介质。
第一方面,本发明实施例提供了一种动画处理方法,包括:
利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图,每个雪碧图中包含一个或多个图片元素;
加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流,以使得目标页面显示所述目标场景动画。
在某些实施例中,所述利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图包括:
分析所述目标场景动画中的各图片元素及与各图片元素对应的显示时间点和显示区域;
根据各图片元素对应的显示时间点和显示区域,将所述目标场景动画所包含的图片元素处理为多个雪碧图,其中连续时段同区域的图片元素位于同一个雪碧图中。
在某些实施例中,所述根据各图片元素对应的显示时间点和显示区域,将所述目标场景动画所包含的图片元素处理为多个雪碧图包括:
根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图。
在某些实施例中,在所述根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图之前,所述根据各图片元素对应的显示时间点和显示区域,将所述目标场景动画所包含的图片元素处理为多个雪碧图还包括:
分析各图片元素的数据大小,判断是否存在数据大小大于第二预设阈值的第一图片元素;
当存在所述第一图片元素时,将所述第一图片元素压缩至小于或等于所述第二预设阈值,所述第二预设阈值小于或等于所述第一预设阈值。
在某些实施例中,所述加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流包括:
加载所述目标场景动画的各个雪碧图;
在所述目标场景动画的各雪碧图加载完成时,渲染与所述目标场景动画对应的文档流。
在某些实施例中,所述利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图之前,所述动画处理方法还包括:
获取目标动画,并将所述目标动画切分为多个连续显示的目标场景动画;
所述加载所述目标场景动画的各个雪碧图并渲染与所述目标场景化对应的文档流,以使得目标页面显示所述目标场景动画包括:
按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与所述目标场景动画对应的文档流,以使得所述目标页面依次显示所述目标场景动画。
在某些实施例中,所述按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与所述目标场景动画对应的文档流包括:
按照各目标场景动画的显示次序,将第一个目标场景动画作为待显示场景动画,并加载所述待显示场景动画对应的雪碧图;
当所述待显示场景动画对应的雪碧图加载完成时,渲染与所述待显示场景动画对应的文档流并将下一个目标场景动画作为待显示场景动画,直到所有目标场景动画对应的雪碧图加载完成。
第二方面,本发明实施例还提供一种动画处理装置,包括:
动画处理模块,用于利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图,每个雪碧图中包含一个或多个图片元素;
动画加载模块,用于加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流,以使得目标页面显示所述目标场景动画。
在某些实施例中,所述动画处理模块包括:
分析单元,用于分析所述目标场景动画中的各图片元素及与各图片元素对应的显示时间点和显示区域;
处理单元,用于根据各图片元素对应的显示时间点和显示区域,将所述目标场景动画所包含的图片元素处理为多个雪碧图,其中连续时段同区域的图片元素位于同一个雪碧图中。
在某些实施例中,所述处理单元还用于:
根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图。
在某些实施例中,在所述根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图之前,所述处理单元还用于:
分析各图片元素的数据大小,判断是否存在数据大小大于第二预设阈值的第一图片元素;
当存在所述第一图片元素时,将所述第一图片元素压缩至小于或等于所述第二预设阈值,所述第二预设阈值小于或等于所述第一预设阈值。
在某些实施例中,所动画加载模块包括:
第一加载单元,用于加载所述目标场景动画的各个雪碧图;
渲染单元,用于在所述目标场景动画的各雪碧图加载完成时,渲染与所述目标场景动画对应的文档流。
在某些实施例中,所述动画处理装置还包括:
动画获取单元,用于获取目标动画,并将所述目标动画切分为多个连续显示的目标场景动画;
所述动画加载模块包括:
第二加载单元,用于按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与所述目标场景动画对应的文档流,以使得所述目标页面依次显示所述目标场景动画。
在某些实施例中,所述第二加载单元包括:
加载子单元,用于按照各目标场景动画的显示次序,将第一个目标场景动画作为待显示场景动画,并加载所述待显示场景动画对应的雪碧图;
渲染子单元,用于当所述待显示场景动画对应的雪碧图加载完成时,渲染与所述待显示场景动画对应的文档流并将下一个目标场景动画作为待显示场景动画,直到所有目标场景动画对应的雪碧图加载完成。
第三方面,本发明实施例还提供一种终端,包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的动画处理程序,其中所述动画处理程序被所述处理器执行时,实现上述任一项实施例所述的动画处理方法中的步骤的指令。
第四方面,本发明还提供一种计算机可读存储介质,计算机可读存储介质上存储有动画处理程序,其中所述动画处理程序被处理器执行时,实现上述任一项所述的动画处理方法。
本发明实施例的技术方案中,可将目标场景动画中的多个图片元素放在一个雪碧图中,将目标场景动画切分为多个雪碧图。需要在目标页面显示目标场景动画时,加载与目标场景动画对应的雪碧图,由于一个雪碧图中可包含多个图片元素,则可以减少所需加载的文件的数据量,从而有助于更加流畅地在目标页面显示目标场景动画。
附图说明
下面将对本发明实施例涉及的一些附图进行说明。
图1为本发明实施例的终端的结构示意图;
图2为本发明实施例的动画处理方法的流程示意图;
图3为本发明实施例的动画处理方法的另一流程示意图;
图4为本发明实施例的动画处理方法涉及的用于举例说明的雪碧图;
图5为本发明实施例的动画处理方法的又一流程示意图;
图6为本发明实施例的动画处理方法的再一流程示意图。
具体实施方式
下面结合本发明实施例中的附图对本发明实施例进行描述。
请参阅图1,图1是本发明实施例提供的终端100的结构示意图。终端100包括处理器101、存储器102、网络接口103,以及一个或多个程序,一个或多个程序被存储在存储器102中,并且被配置由处理器101执行,程序包括用以下任一实施例的动画处理方法的步骤的指令。存储器102可以是高速RAM存储器,也可以是稳定的存储器(non-volatilememory),例如磁盘存储器,存储器102可选的还可以是独立于前述处理器101的存储装置。网络接口103可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。
请参阅图2,图2是本发明实施例提供的一种动画处理方法的流程示意图,这种方法可包括但不限于如下步骤:
21、利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图,每个雪碧图中包含一个或多个图片元素;
本发明实施例的动画处理方法,可由本发明实施例的终端100或本发明实施例的动画处理装置实现。终端100通过运行动画处理程序实现本发明实施例的动画处理方法的各步骤。动画处理程序可作为前端文件,用于在目标页面显示目标场景动画。
前端获取到目标场景动画文件之后,提取出目标场景动画中的图片元素,将目标场景动画切分为多个雪碧图(sprite图),每个雪碧图中包含一个或多个图片元素,这样将一个或图片元素放在同一个雪碧图中,可减少显示动画时所需加载的与图片元素对应的文件的数据量。
预设算法为用于将目标场景动画所包含的图片元素处理成多个雪碧图的算法,预设算法可以由前端开发人员提供,也可以由终端100的处理器通过运行动画处理程序分析目标场景动画中的图片元素之后生成的用于将目标场景动画所包含的图片元素处理成多个雪碧图的算法。
将目标场景动画所包含的图片元素处理成多个雪碧图之后,前端开发人员可根据多个雪碧图中的图片元素的显示时间点和显示区域生成与该目标场景动画对应的文档流,或者利用文档流生成程序,根据多个雪碧图中的图片元素的显示时间点和显示区域生成与该目标场景动画对应的文档流。
22、加载目标场景动画的各个雪碧图并渲染与目标场景动画对应的文档流,以使得目标页面显示目标场景动画。
加载目标动画文件的文件时,相比较于现有技术中将每个图片元素作为一个单独的图片文件并加载多个图片元素对应的图片文件,本发明实施例中加载包含有一个或多个图片元素的雪碧图,所需加载的文件数据量更小。
较佳地,可先加载目标场景动画的各个雪碧图;在目标场景动画的各雪碧图加载完成时,渲染与目标场景动画对应的文档流。这样,当目标场景动画的各雪碧图加载完成时再进行渲染,可有效地避免在目标页面显示目标场景动画时出现卡顿的现象,使得目标场景动画的显示效果更加流畅。可通过onload方法来判断目标场景动画的各个雪碧图是否加载完成。
本发明实施例的技术方案中,可将目标场景动画中的多个图片元素放在一个雪碧图中,将目标场景动画处理为多个雪碧图。需要在目标页面显示目标场景动画时,加载与目标场景动画对应的雪碧图,由于一个雪碧图中可包含多个图片元素,则可以减少所需加载的文件的数据量,从而有助于更加流畅地在目标页面显示目标场景动画。
需要说明的是,本发明技术方案中的目标场景动画可以是目标动画的一部分,也即可以是一个完整动画的一部分,也可以是一个完整的动画。
请参阅图3,基于上述实施例,在某些实施例中,利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图包括但不限于以下步骤:
211、分析目标场景动画中的各图片元素及各图片元素对应的显示时间点和显示区域;
前端获取到的目标场景动画文件为展现动画具体效果的文件,例如视频文件或者.psd文件,通过解析目标场景动画文件得到目标场景动画中的各图片元素及对应的显示时间点和显示区域。
分析目标场景中动画的各图片元素时,可通过对目标场景动画中各帧图像的各个像素点进行分析,得到各帧图像中的背景部分和图片部分,然后分析图片部分和背景部分,从图片部分中提取出一个或多个图片元素,将背景部分分为一个或多个图片元素,并根据各帧图像对应的时间点和各图片元素在各帧图像中的位置得到各图片元素的显示时间点和显示区域。
212、根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个雪碧图,其中连续时段同区域的图片元素位于同一个雪碧图中。
得到目标场景动画中的各图片元素及对应的显示时间点和显示区域之后,根据各图片元素的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个雪碧图。具体地,连续时段同区域的图片元素放至同一个雪碧图中。这样便于生成与目标场景动画对应的文档流,而且在渲染文档流时,连续时段同区域显示的图片元素对应同一个雪碧图,也有助于使得目标场景动画的显示更加流畅。例如,目标场景动画中包括烟花逐渐散开的过程,烟花逐渐散开的过程的对应的多个图片元素为连续时段同区域的图片元素,则可将烟花逐渐散开的过程的对应的多个图片元素放入同一个雪碧图中。再例如,在一个目标场景动画中需要在同一个区域连续依次显示各个年份,如图4所示,则可将各个年份对应的图片元素放入同一张雪碧图中。
进一步地,可预先设定用于限制雪碧图大小的第一预设阈值,在步骤212中,可根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图。这样每个雪碧图的数据大小不会过大,避免雪碧图过大导致加载速度慢而影响动画显示效果。本实施例中,第一预设阈值为100kb。当然,在其他实施例中,第一预设阈值也可以根据硬件条件、网络环境和实际需求设定为其他值。
在更进一步地实施例中,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图之前,还可以分析各图片元素的数据大小,判断是否存在数据大小大于第二预设阈值的第一图片元素;当存在所述第一图片元素时,将所述第一图片元素压缩至小于或等于所述第二预设阈值,所述第二预设阈值小于或等于所述第一预设阈值。这样对数据大小大于第二预设阈值的图片元素进行压缩,使得对应的雪碧图更小,从而可以更快地加载对应的雪碧图,使得动画显示效果更佳流畅。在压缩第一图片元素之前,可获取当前终端的硬件条件,判断当前终端的硬件条件是否达到预设硬件要求,当没有达到预设硬件要求时,再对第一图片元素进行压缩。
请参阅图5,在某些实施例中,步骤21之前,动画处理方法还包括:
23、获取目标动画,并将目标动画切分为多个连续显示的目标场景动画;
当需要显示目标动画时,目标动画可能包括显示画面过多或多个场景,可将目标动画切分为多个连续显示的目标场景动画。多个目标场景动画按照动画显示的时间顺序依次显示即可实现显示目标动画。可在获取目标动画之后,分析目标动画的显示时长,当显示时长超过预设时长时,再将目标动画切分为多个连续显示的目标场景动画。
步骤22包括:
221、按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与目标场景动画对应的文档流,以使得目标页面依次显示目标场景动画。
例如,目标动画中包括点烟花、烟花散开、烟花散去三个场景,可将目标动画切分为点烟花、烟花散开、烟花散去三个目标场景动画。然后按照点烟花、烟花散开、烟花散去的次序依次加载各目标场景动画对应的雪碧图并渲染与目标场景动画对应的文档流,以使得目标页面依次显示目标场景动画。
如此,当需要显示的目标动画过大或包括多个场景时,将目标动画切分为多个目标场景动画,并按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与目标场景动画对应的文档流,以使得目标页面依次显示目标场景动画,这样可以避免一次加载目标动画的所有图片元素,从而有助于使得目标动画的显示更加流畅。
需要说明的是,上述实施例中对步骤21和步骤22的解释说明也适用于本实施例,为避免冗余,在此不再赘述。
请参阅图6,基于上述实施例,在进一步地实施例中,步骤221包括:
2211、按照各目标场景动画的显示次序,将第一个目标场景动画作为待显示场景动画;
可以理解,将多个目标场景动画按照与目标动画对应的显示次序依次显示即可实现显示目标动画。那么,在加载多个目标场景动画时,也按照与目标场景动画对应的显示次序加载各目标场景动画,先将第一个目标场景动画作为待显示场景动画。
2212、加载待显示场景动画对应的雪碧图;
在显示待显示场景动画时,前端需要先加载待显示场景动画中的图片元素。每个目标场景动画均包含一个或多个图片元素,每个目标场景动画的图片元素被放入与该目标场景动画对应的雪碧图中,每个目标场景对应一个或多个雪碧图,每个雪碧图中包含一个或多个图片元素。前端可通过加载待显示场景动画对应的雪碧图加载待显示场景动画中的图片元素。
2213、当待显示场景动画对应的雪碧图加载完成时,渲染与待显示场景动画对应的文档流并将下一个目标场景动画作为待显示场景动画,循环执行步骤2212和步骤2213,直到所有目标场景动画对应的雪碧图加载完成。
当待显示场景动画对应的雪碧图加载完成之后,再渲染与该待显示场景动画对应的文档流,以使得目标页面显示该待显示场景对应的目标场景动画,能够使得动画显示效果更流畅。在待显示场景动画对应的雪碧图加载完成时,渲染与待显示场景动画对应的文档流并将下一个目标场景动画作为待显示场景动画,这样可以连续地加载各目标场景动画对应的雪碧图。可以理解,本实施例中,在加载完上一个目标场景动画对应的雪碧图之后,目标页面显示上一个目标场景动画并加载下一个目标场景动画对应的雪碧图,这样使得可用于加载雪碧图的时间更加充分,在加载完下一个目标场景动画对应的雪碧图之后,目标页面可在显示完上一个目标场景动画之后显示下一个目标场景动画,这样有助于使得目标页面连续地依次显示各个目标场景动画,避免目标动画显示卡顿。
在一个例子中,目标动画中包括点烟花、烟花散开、烟花散去三个场景,可将目标动画切分为点烟花、烟花散开、烟花散去三个目标场景动画。可先将点烟花的目标场景动画作为待显示场景动画,然后加载与点烟花对应的雪碧图,与点烟花对应的雪碧图加载完成之后,渲染对应的文档流以使得目标页面显示点烟花的目标场景动画,目标页面显示点烟花的目标场景动画的同时,将烟花散开的目标场景动画作为待显示场景动画,加载与烟花散开对应的雪碧图,与烟花散开对应的雪碧图加载完成之后,渲染对应的文档流以使得目标页面在显示完点烟花的目标场景动画之后显示烟花散开的目标场景动画。在加载与烟花散开对应的雪碧图加载完成时,可开始加载与烟花散去对应的雪碧图,在加载完与烟花散去对应的雪碧图之后,渲染对应的文档流以使得目标页面在显示完烟花散开的目标场景动画之后显示烟花散去的目标场景动画,从而显示完整个目标动画。
本发明实施例还提供一种动画处理装置,包括:
动画处理模块,用于利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图,每个雪碧图中包含一个或多个图片元素;
动画加载模块,用于加载目标场景动画的各个雪碧图并渲染与目标场景动画对应的文档流,以使得目标页面显示目标场景动画。
进一步地,动画处理模块包括:
分析单元,用于分析目标场景动画中的各图片元素及与各图片元素对应的显示时间点和显示区域;
处理单元,用于根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个雪碧图,其中连续时段同区域的图片元素位于同一个雪碧图中。
进一步地,处理单元还用于:
根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图。
进一步地,在根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图之前,处理单元还用于:
分析各图片元素的数据大小,判断是否存在数据大小大于第二预设阈值的第一图片元素;
当存在第一图片元素时,将第一图片元素压缩至小于或等于第二预设阈值,第二预设阈值小于或等于第一预设阈值。
进一步地,动画加载模块包括:
第一加载单元,用于加载目标场景动画的各个雪碧图;
渲染单元,用于在目标场景动画的各雪碧图加载完成时,渲染与目标场景动画对应的文档流。
进一步地,动画处理装置还包括:
动画获取单元,用于获取目标动画,并将目标动画切分为多个连续显示的目标场景动画;
动画加载模块包括:
第二加载单元,用于按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与目标场景动画对应的文档流,以使得目标页面依次显示目标场景动画。
进一步地,第二加载单元包括:
加载子单元,用于按照各目标场景动画的显示次序,将第一个目标场景动画作为待显示场景动画,并加载待显示场景动画对应的雪碧图;
渲染子单元,用于当待显示场景动画对应的雪碧图加载完成时,渲染与待显示场景动画对应的文档流并将下一个目标场景动画作为待显示场景动画,直到所有目标场景动画对应的雪碧图加载完成。
其中,上述动画处理装置中各个模块的功能实现及技术效果与上述动画处理方法实施例中各步骤相对应,其功能和实现过程在此处不再一一赘述。
本发明还提供一种计算机可读存储介质,计算机可读存储介质上存储有动画处理程序,其中动画处理程序被处理器执行时,实现上述任一实施例的动画处理方法的步骤。
其中,动画处理程序被执行时所实现的方法及对应的技术效果可参照本发明动画处理方法的各个实施例,此处不再赘述。
在上述实施例中,可全部或部分地通过软件、硬件、固件、或其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质(例如软盘、硬盘、磁带)、光介质(例如光盘)、或者半导体介质(例如固态硬盘)等。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本发明所提供的几个实施例中,应该理解到,所揭露的装置,也可以通过其它的方式实现。例如以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可结合或者可以集成到另一个系统,或一些特征可以忽略或不执行。另一点,所显示或讨论的相互之间的间接耦合或者直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者,也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例的方案的目的。
另外,在本发明各实施例中的各功能单元可集成在一个处理单元中,也可以是各单元单独物理存在,也可两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,或者也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质例如可包括:U盘、移动硬盘、只读存储器(ROM,Read-OnlyMemory)、随机存取存储器(RAM,Random Access Memory)、磁碟或光盘等各种可存储程序代码的介质。
Claims (10)
1.一种动画处理方法,其特征在于,包括:
利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图,每个雪碧图中包含一个或多个图片元素;
加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流,以使得目标页面显示所述目标场景动画。
2.根据权利要求1所述的动画处理方法,其特征在于,所述利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图包括:
分析所述目标场景动画中的各图片元素及与各图片元素对应的显示时间点和显示区域;
根据各图片元素对应的显示时间点和显示区域,将所述目标场景动画所包含的图片元素处理为多个雪碧图,其中连续时段同区域的图片元素位于同一个雪碧图中。
3.根据权利要求2所述的动画处理方法,其特征在于,所述根据各图片元素对应的显示时间点和显示区域,将所述目标场景动画所包含的图片元素处理为多个雪碧图包括:
根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图。
4.根据权利要求3所述的动画处理方法,其特征在于,在所述根据各图片元素对应的显示时间点和显示区域,将目标场景动画所包含的图片元素处理为多个数据大小小于第一预设阈值的雪碧图之前,所述根据各图片元素对应的显示时间点和显示区域,将所述目标场景动画所包含的图片元素处理为多个雪碧图还包括:
分析各图片元素的数据大小,判断是否存在数据大小大于第二预设阈值的第一图片元素;
当存在所述第一图片元素时,将所述第一图片元素压缩至小于或等于所述第二预设阈值,所述第二预设阈值小于或等于所述第一预设阈值。
5.根据权利要求1所述的动画处理方法,其特征在于,所述加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流包括:
加载所述目标场景动画的各个雪碧图;
在所述目标场景动画的各雪碧图加载完成时,渲染与所述目标场景动画对应的文档流。
6.根据权利要求1所述的动画处理方法,其特征在于,所述利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图之前,所述动画处理方法还包括:
获取目标动画,并将所述目标动画切分为多个连续显示的目标场景动画;
所述加载所述目标场景动画的各个雪碧图并渲染与所述目标场景化对应的文档流,以使得目标页面显示所述目标场景动画包括:
按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与所述目标场景动画对应的文档流,以使得所述目标页面依次显示所述目标场景动画。
7.根据权利要求6所述的动画处理方法,其特征在于,所述按照各目标场景动画的显示次序依次加载各目标场景动画对应的雪碧图并渲染与所述目标场景动画对应的文档流包括:
按照各目标场景动画的显示次序,将第一个目标场景动画作为待显示场景动画,并加载所述待显示场景动画对应的雪碧图;
当所述待显示场景动画对应的雪碧图加载完成时,渲染与所述待显示场景动画对应的文档流并将下一个目标场景动画作为待显示场景动画,直到所有目标场景动画对应的雪碧图加载完成。
8.一种动画处理装置,其特征在于,包括:
动画处理模块,用于利用预设算法将目标场景动画所包含的图片元素处理成多个雪碧图,每个雪碧图中包含一个或多个图片元素;
动画加载模块,用于加载所述目标场景动画的各个雪碧图并渲染与所述目标场景动画对应的文档流,以使得目标页面显示所述目标场景动画。
9.一种终端,其特征在于,包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的动画处理程序,其中所述动画处理程序被所述处理器执行时,实现权利要求1至7中任一项所述的动画处理方法的步骤的指令。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有动画处理程序,其中所述动画处理程序被处理器执行时,实现权利要求1至7中任一项所述的动画处理方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910249848.0A CN109933740A (zh) | 2019-03-29 | 2019-03-29 | 动画处理方法、装置、终端及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910249848.0A CN109933740A (zh) | 2019-03-29 | 2019-03-29 | 动画处理方法、装置、终端及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109933740A true CN109933740A (zh) | 2019-06-25 |
Family
ID=66988717
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910249848.0A Pending CN109933740A (zh) | 2019-03-29 | 2019-03-29 | 动画处理方法、装置、终端及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109933740A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111273884A (zh) * | 2020-01-20 | 2020-06-12 | 北京无限光场科技有限公司 | 图像显示方法、装置和电子设备 |
CN111580804A (zh) * | 2020-03-31 | 2020-08-25 | 完美世界(北京)软件科技发展有限公司 | 一种软件项目开发的方法和装置 |
CN111954006A (zh) * | 2020-06-30 | 2020-11-17 | 深圳点猫科技有限公司 | 一种用于移动端的跨平台视频播放实现方法及装置 |
CN113628310A (zh) * | 2021-08-18 | 2021-11-09 | 京东科技控股股份有限公司 | 动画组件的创建方法、装置、存储介质及电子装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102156611A (zh) * | 2010-01-22 | 2011-08-17 | 三星电子株式会社 | 创建动画消息的方法和装置 |
CN102314434A (zh) * | 2010-06-30 | 2012-01-11 | 中兴通讯股份有限公司 | 页面背景图合并显示的方法及装置 |
CN104572668A (zh) * | 2013-10-15 | 2015-04-29 | 阿里巴巴集团控股有限公司 | 基于多个样式文件生成合并样式文件的方法和设备 |
CN106126760A (zh) * | 2016-09-08 | 2016-11-16 | 福建中金在线信息科技有限公司 | 一种web网页图片优化的方法 |
CN107357934A (zh) * | 2017-08-10 | 2017-11-17 | 北京本邦科技股份有限公司 | 一种基于Web的帧动画处理系统及帧动画处理方法 |
-
2019
- 2019-03-29 CN CN201910249848.0A patent/CN109933740A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102156611A (zh) * | 2010-01-22 | 2011-08-17 | 三星电子株式会社 | 创建动画消息的方法和装置 |
CN102314434A (zh) * | 2010-06-30 | 2012-01-11 | 中兴通讯股份有限公司 | 页面背景图合并显示的方法及装置 |
CN104572668A (zh) * | 2013-10-15 | 2015-04-29 | 阿里巴巴集团控股有限公司 | 基于多个样式文件生成合并样式文件的方法和设备 |
CN106126760A (zh) * | 2016-09-08 | 2016-11-16 | 福建中金在线信息科技有限公司 | 一种web网页图片优化的方法 |
CN107357934A (zh) * | 2017-08-10 | 2017-11-17 | 北京本邦科技股份有限公司 | 一种基于Web的帧动画处理系统及帧动画处理方法 |
Non-Patent Citations (1)
Title |
---|
孙政 等: "《遇见合成After Effects CC基础教程 下》", 31 December 2017 * |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111273884A (zh) * | 2020-01-20 | 2020-06-12 | 北京无限光场科技有限公司 | 图像显示方法、装置和电子设备 |
CN111580804A (zh) * | 2020-03-31 | 2020-08-25 | 完美世界(北京)软件科技发展有限公司 | 一种软件项目开发的方法和装置 |
CN111580804B (zh) * | 2020-03-31 | 2023-05-26 | 完美世界(北京)软件科技发展有限公司 | 一种软件项目开发的方法和装置 |
CN111954006A (zh) * | 2020-06-30 | 2020-11-17 | 深圳点猫科技有限公司 | 一种用于移动端的跨平台视频播放实现方法及装置 |
CN113628310A (zh) * | 2021-08-18 | 2021-11-09 | 京东科技控股股份有限公司 | 动画组件的创建方法、装置、存储介质及电子装置 |
CN113628310B (zh) * | 2021-08-18 | 2024-04-05 | 京东科技控股股份有限公司 | 动画组件的创建方法、装置、存储介质及电子装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109933740A (zh) | 动画处理方法、装置、终端及计算机可读存储介质 | |
CN106911943B (zh) | 一种视频展示方法、装置及存储介质 | |
CN110121098B (zh) | 视频播放方法、装置、存储介质和电子装置 | |
CN113038287B (zh) | 多人视频直播业务实现方法、装置、计算机设备 | |
CN108235116B (zh) | 特征传播方法和装置、电子设备和介质 | |
CN105847367A (zh) | 服务请求处理方法及装置 | |
CN110009750B (zh) | 一种基于三维模型的房间图像显示方法及装置 | |
CN105630525A (zh) | 一种页面同步方法及装置 | |
CN110876078B (zh) | 动画图片的处理方法、装置、存储介质和处理器 | |
CN104104995A (zh) | 图片显示方法和装置 | |
CN109388737B (zh) | 一种内容项的曝光数据的发送方法、装置及存储介质 | |
CN109146783A (zh) | 一种图片拼接方法、装置、电子设备及介质 | |
CN114245228A (zh) | 页面链接投放方法、装置及电子设备 | |
US10636223B2 (en) | Method and apparatus for placing media file, storage medium, and virtual reality apparatus | |
US10692259B2 (en) | Automatic creation of media collages | |
CN114028809A (zh) | 交易平台中的数据处理方法、装置、电子设备及介质 | |
CN105049948A (zh) | 一种即时视频的编码方法和电子设备 | |
CN112926083B (zh) | 基于建筑信息模型的交互处理方法及相关装置 | |
CN105912549A (zh) | 一种内容推荐方法及其装置 | |
CN111510746B (zh) | 媒体资源投放方法、装置、存储介质及电子装置 | |
CN109391817B (zh) | 纹理数据传输方法及装置 | |
CN113810755B (zh) | 全景视频预览的方法、装置、电子设备及存储介质 | |
CN115019138A (zh) | 视频字幕擦除、模型训练、交互方法、设备及存储介质 | |
CN104735130B (zh) | 一种多媒体文件下载的方法与装置 | |
CN110418059B (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190625 |