动画处理方法和装置制造方法及图纸

本申请公开了一种动画处理方法及装置，所述方法包括：获取待播放动画的SVG格式的序列帧；将所述序列帧内各帧图像所含的动画对象划分为多项动画元素；获取每项动画元素的位图图像为该项动画元素对应的元素位图；根据每帧图像所含的动画元素以及所含动画元素在该帧图像内的动画参数，生成动画描述文件，所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数；确定将所述动画描述文件以及各项动画元素对应的元素位图：作为所述待播放动画的动画源文件。实施本申请，能获得占用空间较小的动画源文件，而且通过对动画源文件进行处理，在快速实现动画播放的同时可以有效降低处理器和内存的消耗。

Animation processing method and device

The invention discloses an animation processing method and device, the method comprises: acquiring sequence frame to be broadcast animation SVG format; animation objects into the sequence frame in each frame image contained into multiple animation elements; bitmap image acquisition for each animation for the animation elements corresponding to the elements bitmap animation parameters; according to the animation elements contained in each frame and the elements contained in the frame in the animation image, animation description file, the file includes animation animation animation description element attributes, each image contained with animation parameters of painting elements in each frame image; determine the animation description file and the animation elements corresponding to the elements: as the bitmap animation animation source files. The application of the invention can obtain the animation source file with small occupied space, and can effectively reduce the consumption of the processor and the memory in the rapid realization of the animation through the processing of the animation source file.

【技术实现步骤摘要】

本申请涉及计算机
，尤其涉及动画处理方法和装置。
技术介绍
在现今的计算机技术中，动画技术正逐步成为互联网应用的一个热点。特别是随着在线直播业务的兴起，更推动了对高性能低消耗动画构成技术的需求。相关技术中通常采用A-PNG(AnimatedPortableNetworkGraphics，动画式便携网络图像)、Flash(交互式矢量图和Web动画标准)、SVG(ScalableVectorGraphics，可缩放矢量图形)等技术制作动画。但加载播放上述相关技术制作的动画，对处理器和内存的消耗极大，动画处理效率较低。
技术实现思路
本申请提供一种动画处理方法和装置，能够降低加载播放动画时对处理器和内存的消耗，提高动画处理效率。根据本申请实施例的第一方面，提供一种动画处理方法，包括以下步骤：获取待播放动画的SVG格式的序列帧；将所述序列帧内各帧图像所含的动画对象划分为多项动画元素；获取每项动画元素的位图图像为该项动画元素对应的元素位图；根据每帧图像所含的动画元素以及所含动画元素在该帧图像内的动画参数，生成动画描述文件，所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数；确定将所述动画描述文件以及各项动画元素对应的元素位图：作为所述待播放动画的动画源文件。在一个实施例中，所述获取待播放动画的SVG格式的序列帧，包括：通过Flash编辑器将Flash格式的待播放动画转换为SVG格式的序列帧；或者，通过BodyMovin将AE格式的待播放动画转换为SVG格式的序列帧。在一个实施例中，所述将所述序列帧内各帧图像所含的动画对象划分为多项动画元素，包括：逐帧比较各序列帧，获取各相邻帧之间的比较信息，其中，所述比较信息包括相邻帧之间的相同动画对象、相同动画对象之间的变化参数、不同动画对象以及不同动画对象之间的位置关系；基于所述比较信息，将每个动画对象中矢量未发生过变化的部分以及矢量发生过变化的各部分：分别作为不同的动画元素。在一个实施例中，所述动画参数包括位置参数、透明度参数、尺寸参数、图层顺序参数。在一个实施例中，所述动画属性包括动画的总帧数、各帧图像的标识、FPS、动画大小。在一个实施例中，所述方法还包括以下步骤：对所述动画源文件进行文件压缩；将压缩后的动画源文件传输到指定地址，以便动画播放端从该指定地址获取所述动画源文件。根据本申请实施例的第二方面，提供一种动画处理方法，包括以下步骤：获取待播放动画的动画源文件，其中，所述动画源文件包括动画描述文件和各元素位图，所述元素位图为所述待播放动画所含的动画元素的位图图像，所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数；渲染所有的元素位图，生成各项动画元素的动画图层；从所述动画描述文件中获取动画播放信息，所述动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数；基于所述动画播放信息，将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合，实现所述待播放动画的播放。在一个实施例中，所述基于所述动画播放信息，将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合，实现所述待播放动画的播放，包括：通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数，获取各相邻帧图像之间比较信息，其中，所述比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系；基于获取的比较信息，通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数，实现在后的一帧图像的播放。根据本申请实施例的第三方面，提供一种动画处理装置，包括：序列帧获取模块，用于获取待播放动画的SVG格式的序列帧；元素划分模块，用于将所述序列帧内各帧图像所含的动画对象划分为多项动画元素；位图获取模块，用于获取每项动画元素的位图图像为该项动画元素对应的元素位图；文件生成模块，用于根据每帧图像所含的动画元素以及所含动画元素在该帧图像内的动画参数，生成动画描述文件，所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数；源文件确定模块，用于确定将所述动画描述文件以及各项动画元素对应的元素位图：作为所述待播放动画的动画源文件。在一个实施例中，所述序列帧获取模块包括：第一获取模块，用于通过Flash编辑器将Flash格式的待播放动画转换为SVG格式的序列帧；或者，第二获取模块，用于通过BodyMovin将AE格式的待播放动画转换为SVG格式的序列帧。在一个实施例中，所述元素划分模块包括：逐帧比较模块，用于逐帧比较各序列帧，获取各相邻帧之间的比较信息，其中，所述比较信息包括相邻帧之间的相同动画对象、相同动画对象之间的变化参数、不同动画对象以及不同动画对象之间的位置关系；元素划分子模块，用于基于所述比较信息，将每个动画对象中矢量未发生过变化的部分以及矢量发生过变化的各部分：分别作为不同的动画元素。在一个实施例中，所述动画参数包括位置参数、透明度参数、尺寸参数、图层顺序参数。在一个实施例中，所述动画属性包括动画的总帧数、各帧图像的标识、FPS、动画大小。在一个实施例中，所述装置还包括：文件压缩模块，用于对所述动画源文件进行文件压缩；文件传输模块，用于将压缩后的动画源文件传输到指定地址，以便动画播放端从该指定地址获取所述动画源文件。根据本申请实施例的第四方面，提供一种动画处理装置，包括：源文件获取模块，用于获取待播放动画的动画源文件，其中，所述动画源文件包括动画描述文件和各元素位图，所述元素位图为所述待播放动画所含的动画元素的位图图像，所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数；位图渲染模块，用于渲染所有的元素位图，生成各项动画元素的动画图层；信息获取模块，从所述动画描述文件中获取动画播放信息，所述动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数；动画播放模块，用于基于所述动画播放信息，将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合，实现所述待播放动画的播放。在一个实施例中，所述动画播放模块包括：比较信息获取模块，用于通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数，获取各相邻帧图像之间比较信息，其中，所述比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系；图层调整模块，用于基于获取的比较信息，通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数，实现在后的一帧图像的播放。本申请实施例，获取待播放动画的SVG格式的序列帧，然后将每帧图像所含的动画对象拆分为多项动画元素，再获取每项动画元素的位图图像，然后生成用于描述动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数的动画描述文件，最终确定将所述动画描述文件以及各项动画元素的位图图像：作为所述待播放动画的动画源文件。因为动画源文件仅包括动画元素的本文档来自技高网...

【技术保护点】
一种动画处理方法，其特征在于，包括以下步骤：获取待播放动画的SVG格式的序列帧；将所述序列帧内各帧图像所含的动画对象划分为多项动画元素；获取每项动画元素的位图图像为该项动画元素对应的元素位图；根据每帧图像所含的动画元素以及所含动画元素在该帧图像内的动画参数，生成动画描述文件，所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数；确定将所述动画描述文件以及各项动画元素对应的元素位图：作为所述待播放动画的动画源文件。

【技术特征摘要】
1.一种动画处理方法，其特征在于，包括以下步骤：获取待播放动画的SVG格式的序列帧；将所述序列帧内各帧图像所含的动画对象划分为多项动画元素；获取每项动画元素的位图图像为该项动画元素对应的元素位图；根据每帧图像所含的动画元素以及所含动画元素在该帧图像内的动画参数，生成动画描述文件，所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数；确定将所述动画描述文件以及各项动画元素对应的元素位图：作为所述待播放动画的动画源文件。2.如权利要求1所述的方法，其特征在于，所述获取待播放动画的SVG格式的序列帧，包括：通过Flash编辑器将Flash格式的待播放动画转换为SVG格式的序列帧；或者，通过BodyMovin将AE格式的待播放动画转换为SVG格式的序列帧。3.如权利要求1所述的方法，其特征在于，所述将所述序列帧内各帧图像所含的动画对象划分为多项动画元素，包括：逐帧比较各序列帧，获取各相邻帧之间的比较信息，其中，所述比较信息包括相邻帧之间的相同动画对象、相同动画对象之间的变化参数、不同动画对象以及不同动画对象之间的位置关系；基于所述比较信息，将每个动画对象中矢量未发生过变化的部分以及矢量发生过变化的各部分：分别作为不同的动画元素。4.如权利要求1所述的方法，其特征在于，所述动画参数包括位置参数、透明度参数、尺寸参数、图层顺序参数。5.如权利要求1所述的方法，其特征在于，所述动画属性包括动画的总帧数、各帧图像的标识、FPS、动画大小。6.如权利要求1至5中任一项所述的方法，其特征在于，所述方法还包括以下步骤：对所述动画源文件进行文件压缩；将压缩后的动画源文件传输到指定地址，以便动画播放端从该指定地址获取所述动画源文件。7.一种动画处理方法，其特征在于，包括以下步骤：获取待播放动画的动画源文件，其中，所述动画源文件包括动画描述文件和各元素位图，所述元素位图为所述待播放动画所含的动画元素的位图图像，所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数；渲染所有的元素位图，生成各项动画元素的动画图层；从所述动画描述文件中获取动画播放信息，所述动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数；基于所述动画播放信息，将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合，实现所述待播放动画的播放。8.如权利要求7所述的方法，其特征在于，所述基于所述动画播放信息，将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合，实现所述待播放动画的播放，包括：通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数，获取各相邻帧图像之间比较信息，其中，所述比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系；基于获取的比较信息，通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数，实现在后的一帧图像的播放。9.一种动画处理装置，其特征在于，包括：序列帧获取模块，用于获取待播放动...

【专利技术属性】
技术研发人员：崔明辉，
申请(专利权)人：广州华多网络科技有限公司，
类型：发明
国别省市：广东;44