CN115908644A - 动画处理方法和装置 - Google Patents

动画处理方法和装置 Download PDF

Info

Publication number
CN115908644A
CN115908644A CN202211667831.5A CN202211667831A CN115908644A CN 115908644 A CN115908644 A CN 115908644A CN 202211667831 A CN202211667831 A CN 202211667831A CN 115908644 A CN115908644 A CN 115908644A
Authority
CN
China
Prior art keywords
animation
frame
image
elements
playing
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
Application number
CN202211667831.5A
Other languages
English (en)
Inventor
崔明辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Cubesili Information Technology Co Ltd
Original Assignee
Guangzhou Cubesili Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Cubesili Information Technology Co Ltd filed Critical Guangzhou Cubesili Information Technology Co Ltd
Priority to CN202211667831.5A priority Critical patent/CN115908644A/zh
Publication of CN115908644A publication Critical patent/CN115908644A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T15/003D [Three Dimensional] image rendering
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2213/00Indexing scheme for animation
    • G06T2213/04Animation description language

Abstract

本申请涉及动画处理方法和装置,包括:获取待播放动画的动画源文件,动画源文件包括动画描述文件和各元素位图;渲染所有的元素位图,生成各项动画元素的动画图层;从动画描述文件中获取动画播放信息,动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数;基于动画播放信息,将每帧图像所含的动画元素的动画图层按照动画参数进行组合,实现待播放动画的播放。

Description

动画处理方法和装置
本申请是2016年12月22日提交中国专利局、申请号为2016112016476、发明名称为“动画处理方法和装置”的中国专利申请的分案申请。
技术领域
本申请涉及计算机技术领域,尤其涉及动画处理方法和装置。
背景技术
在现今的计算机技术中,动画技术正逐步成为互联网应用的一个热点。特别是随着在线直播业务的兴起,更推动了对高性能低消耗动画构成技术的需求。相关技术中通常采用A-PNG(Animated Portable Network Graphics,动画式便携网络图像)、Flash(交互式矢量图和Web动画标准)、SVG(Scalable Vector Graphics,可缩放矢量图形)等技术制作动画。
但加载播放上述相关技术制作的动画,对处理器和内存的消耗极大,动画处理效率较低。
发明内容
本申请提供了一种动画处理方法,包括以下步骤:获取待播放动画的动画源文件,其中,动画源文件包括动画描述文件和各元素位图;渲染所有的元素位图,生成各项动画元素的动画图层;从动画描述文件中获取动画播放信息,动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数;基于动画播放信息,将每帧图像所含的动画元素的动画图层按照动画参数进行组合,实现待播放动画的播放。
在一些实施方式中,基于动画播放信息,将每帧图像所含的动画元素的动画图层按照动画参数进行组合,实现待播放动画的播放,包括:显示第一帧图像,其中第一帧图像包括第一帧图像需要首次显示的第一动画元素以及在第一帧图像之后的图像中被首次渲染显示的第二动画元素,第一动画元素设置成可见状态,第二动画元素设置成不可见状态;当加载到第二动画元素需要显示的一帧图像时,将第二动画元素修改成可视状态。
在一些实施方式中,通过设置第二动画元素的位置参数、透明度、容器尺寸、形变量、位移量或图层顺序改变其可见状态。
在一些实施方式中,元素位图为待播放动画所含的动画元素的位图图像,动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数。
在一些实施方式中,渲染所有的元素位图,生成各项动画元素的动画图层,包括:在显示第一帧图像前对所有动画元素进行静态预渲染。
在一些实施方式中,基于动画播放信息,将每帧图像所含的动画元素的动画图层按照动画参数进行组合,实现待播放动画的播放,还包括:通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数,获取各相邻帧图像之间比较信息,其中,比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系;基于获取的比较信息,通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数,实现在后的一帧图像的播放。
本申请提供了一种动画处理装置,包括:源文件获取模块,用于获取待播放动画的动画源文件,其中,动画源文件包括动画描述文件和各元素位图;位图渲染模块,用于渲染所有的元素位图,生成各项动画元素的动画图层;信息获取模块,从动画描述文件中获取动画播放信息,动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数;动画播放模块,用于基于动画播放信息,将每帧图像所含的动画元素的动画图层按照动画参数进行组合,实现待播放动画的播放。
在一些实施方式中,基于动画播放信息,将每帧图像所含的动画元素的动画图层按照动画参数进行组合,实现待播放动画的播放,包括:显示第一帧图像,其中第一帧图像包括第一帧图像需要首次显示的第一动画元素以及在第一帧图像之后的图像中被首次渲染显示的第二动画元素,第一动画元素设置成可见状态,第二动画元素设置成不可见状态;当加载到第二动画元素需要显示的一帧图像时,将第二动画元素修改成可视状态。
在一些实施方式中,通过设置第二动画元素的位置参数、透明度、容器尺寸、形变量、位移量或图层顺序改变其可见状态。
在一些实施方式中,元素位图为待播放动画所含的动画元素的位图图像,动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数。
在一些实施方式中,渲染所有的元素位图,生成各项动画元素的动画图层,包括:在显示第一帧图像前对所有动画元素进行静态预渲染。
在一些实施方式中,动画播放模块还包括:比较信息获取模块,用于通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数,获取各相邻帧图像之间比较信息,其中,比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系;图层调整模块,用于基于获取的比较信息,通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数,实现在后的一帧图像的播放。
附图说明
图1是本申请动画处理方法的一个实施例流程图;
图2a是本申请动画处理方法的另一个实施例的流程图;
图2b是本申请根据一示例性实施例示出的动画元素的第一示意图;
图2c是本申请根据一示例性实施例示出的动画元素的第二示意图;
图3是本申请动画处理装置的一个实施例框图;
图4是本申请动画处理装置的另一个实施例的框图;
图5是本申请动画处理装置的硬件结构图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
在本申请使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本申请可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本申请范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
随着网络技术的发展,静态的文字和图片开始无法满足网络应用环境中内容展示的需要,可以动态展示场景信息的动画技术应运而生。特别是在线直播业务的兴起,推动行业对高性能低消耗的动画构成技术的需求。例如:在线直播场景中,当用户购买了一种虚拟物品,可以在直播页面中加载庆祝动画,带给用户充分的成就感。而使用庆祝动画会消耗服务端的一定资源来构建并加载庆祝动画,当存在大量的类似庆祝动画的内容需要加载时,一种高性能低消耗的动画构成技术就显得尤为重要。在网络应用环境中,服务端、客户端的运算资源都是有限的,网络传输带宽本身也是有限的,所以在应用动画技术时,动画构成和播放的过程不宜过于复杂,以降低对服务端和客户端较高的硬件需求;动画的体积不宜过大,以避免高额的带宽消费。扩展到网页、桌面应用程序、智能终端的移动平台应用程序等环境中,涉及到使用动画内容的应用场景,都需要一种高性能低消耗的动画构成技术。
而本申请提出一种动画处理方法,将待播放动画的SVG(Scalable VectorGraphics,可缩放的矢量图形)格式的序列帧中:每帧图像所含的动画对象拆分为多项动画元素,再获取每项动画元素的位图图像,然后生成用于描述动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数的动画描述文件,最终确定将所述动画描述文件以及各项动画元素的位图图像:作为所述待播放动画的动画源文件。而动画源文件仅包括动画元素的位图图像、以及动画描述文件,其所占空间大小远远小于:原来重复包含各项动画元素的位图图像的各帧图像,所以可以有效减小动画文件的体积,能解决现有技术中动画文件体积过大的弊端。
此外,通过对动画源文件进行处理实现动画播放时,获取包括动画描述文件和各项动画元素的位图图像的动画源文件,渲染所有的位图图像,生成各项动画元素的动画图层,然后从所述动画描述文件中获取动画播放信息,再基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放。这样在播放不同帧动画时无需重复渲染相同的动画元素的位图图像,因此能在快速实现动画播放的同时可以有效降低处理器和内存的消耗。
本申请涉及的动画中存在帧的概念,用来表示动画中最小单位的单幅影像画面。例如一个动画1秒20帧,即这个动画在每1秒钟内由20张图片组成,可以是1张图片占一帧,也可以是同一张图片重复多帧。每帧表示角色或者物体运动或变化中的动作,每帧中的角色或物体,在本申请中以“动画对象”的概念表征。
下面通过具体实施例并结合具体的应用场景对本申请进行描述。
图1是本申请动画处理方法的一个实施例流程图,该实施例可以用于终端中,包括以下步骤101-105:
步骤101:获取待播放动画的SVG格式的序列帧。
本申请实施例涉及的终端可以是具有动画编辑功能的终端,如:动画播放器、台式电脑、平板电脑、掌上电脑、数字电视机、智能手机等类似设备,所涉及的动画可以是直播应用中的礼物动画、特效动画、弹幕动画等,还可以是本领域的其他类型的动画,本申请对此不做限制。
在所述待播放的动画为直播应用中的礼物动画时,一般情况下是动画设计人员编辑的动画原稿,如:Photoshop格式、Flash格式、或者AE格式的动画原稿。
对于不同格式的待播放动画,可以通过不同的转换手段将其转换为SVG格式的序列帧,在一个可选实现方式中,可以通过以下操作获取待播放动画的SVG格式的序列帧:
通过Flash编辑器将Flash格式的待播放动画转换为SVG格式的序列帧;
或者,
通过BodyMovin将AE格式的待播放动画转换为SVG格式的序列帧。
在本申请的其他实施例中,对于其他格式的待播放动画,可以采用相应的动画编辑器转换为SVG格式的序列帧。
步骤102:将所述序列帧内各帧图像所含的动画对象划分为多项动画元素。
在待播放动画的相邻序列帧中,一个动画对象在前后两个序列帧中,相对来说可能只有局部产生变化,其他部分保持不变。如果渲染在后的序列帧时,为了渲染一个动画对象局部的变化,将整个对象进行渲染,显然未产生变化的部分是被重复渲染的,由此会造成额外的动画文件体积增加和加载资源浪费。为了减少动画体积和降低加载资源的浪费,本申请实施例可以将待播放动画分解为各帧图像,将每帧图像内的动画对象按照符合其构成方式的规则拆分为若干动画元素,从而将每帧图像分解为各项动画元素以及各项动画元素在该帧图像内的动画参数。例如:待播放动画的各帧图像包含的动画对象为一人物对象,可以将该人物对象拆分为头、躯干、手、脚等元素。
在将图像分解为动画元素时,需要逐帧比较图像,找到相邻帧之间的相同之处和不同之处,然后再分解,在一个例子中,可以通过以下操作将所述序列帧内各帧图像所含的动画对象划分为多项动画元素:
逐帧比较各序列帧,获取各相邻帧之间的比较信息,其中,所述比较信息包括相邻帧之间的相同动画对象、相同动画对象之间的变化参数、不同动画对象以及不同动画对象之间的位置关系。
基于所述比较信息,将每个动画对象中矢量未发生过变化的部分以及矢量发生过变化的各部分:分别作为不同的动画元素。
本例子中,划分完每帧图像后,查找相同的动画元素,再从多个相同的动画元素中保留一个动画元素为一项动画元素,并记录各项动画元素分别属于哪一帧图像,以及各项动画元素在每帧图像中的组合关系、动画参数等,所述组合关系用于描述如何将不同的动画元素组合成每帧图像原来所含的动画对象,所述动画参数用于描述各项动画元素在每帧图像中的特征信息,可以包括位置参数、透明度参数、尺寸参数、图层顺序参数等。
步骤103:获取每项动画元素的位图图像为该项动画元素对应的元素位图。
本申请实施例中,位图图像也可以称为点阵图像或绘制图像,是由称作像素的单个点组成的,这些点可以进行不同的排列和染色以构成图样。可以本领域的相关技术手段获取各项动画元素的位图图像。对于相同的动画元素,只获取其中一个的位图图像。
步骤104:根据每帧图像所含的动画元素以及所含动画元素在该帧图像内的动画参数,生成动画描述文件,所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数。
本申请实施例中,所述动画参数可以包括位置参数、透明度参数、尺寸参数、图层顺序参数等。所述动画属性用于描述所述待播放动画的整体动画特征,可以包括动画的总帧数、各帧图像的标识、FPS(图像领域中的定义,是指画面每秒传输帧数,通俗来讲就是指动画或视频的画面数)、动画大小等。各帧图像的标识可以包括各帧图像的名称、播放顺序等。
步骤105:确定将所述动画描述文件以及各项动画元素对应的元素位图:作为所述待播放动画的动画源文件。
本申请实施例中,为了减小动画描述文件的体积,相同的多个动画元素中可以保留一个动画元素的元素位图,因此所含的元素位图可以互不相同。
确定所述待播放动画的动画源文件后,可以对所述动画源文件进行文件压缩;将压缩后的动画源文件传输到指定地址,以便动画播放端从该指定地址获取所述动画源文件。这里提到的指定地址可以是动画数据库的地址、动画服务器的地址、或者动画共享网盘的地址等等。
图2a是本申请动画处理方法的另一个实施例流程图,该实施例可以用于终端中,包括以下步骤201-204:
步骤201:获取待播放动画的动画源文件,其中,所述动画源文件包括动画描述文件和各元素位图,所述元素位图为所述待播放动画所含的动画元素的位图图像,所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数。
本申请实施例涉及的终端可以是具有动画播放功能的终端,如:动画播放器、台式电脑、平板电脑、掌上电脑、数字电视机、智能手机等类似设备,所涉及的动画可以是直播应用中的礼物动画、特效动画、弹幕动画等,还可以是本领域的其他类型的动画,本申请对此不做限制。
所涉及的具有动画播放功能的终端可以装设有SVGA播放器,需要播放动画前,可以从指定地址下载待播放动画的动画源文件。所下载的动画源文件由附图1对应的动画处理方法所生成。下载到动画源文件后,如果动画源文件为压缩文件,可以通过解压缩获取到其所含的画描述文件和各元素位图。
步骤202:渲染所有的元素位图,生成各项动画元素的动画图层。
本申请实施例中,生成各项动画元素的动画图层后,同一图层可以在待播放动画的不同帧图像中重复使用。
步骤203:从所述动画描述文件中获取动画播放信息,所述动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数。
本申请实施例中,所述动画属性和所述动画参数与图1所示的动画处理方法中所述的动画属性、动画参数相应。可以直接从所述动画描述文件中读取动画播放信息。
步骤204:基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放。
本申请实施例中,基于所述动画播放信息,可以获得各帧图像的播放顺序、所含的动画元素的动画图层、各动画图层的加载顺序、各动画图层的位置关系、各动画图层在各帧图像中的动画参数,然后基于这些信息按顺序加载动画图层和设置各动画图层的动画参数,渲染各帧图像,实现动画播放。
此外,在渲染各帧图像时,通过比较各帧图像的播放顺序、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数,可以获得相邻帧图像之间的不同之处和相同之处,基于这些不同之处和相同之处,可以只渲染产生变化的这部分动画元素,未产生变化的动画元素不做处理,进而节约加载资源的开销。
本申请为了节约动画体积和处理器开销,引入描述文件的机制,集中记录各帧图像的加载顺序(播放顺序),每项动画元素在当前关键帧帧图像预设被渲染的变化形态的变化参数(动画参数)。通过读取描述文件,执行描述文件中的内容,即可依次渲染出每个关键帧帧图像上内每项动画元素的变化形态,按照加载顺序调用各帧图像进行加载,构成动画。
由于描述文件集中记录每项动画元素的变化参数,使得在渲染第一帧图像前,即可预加载渲染每项动画元素的形态变化时需要调用的资源。避免了在渲染每帧图像时,实时的计算该帧图像中需要渲染哪些动画元素,动态查询渲染这部分动画元素的形态变化所需要的资源,进而避免实时、动态的查询、加载、运算过程,对构成动画的运算资源的消耗,因此,引入描述文件机制,对构成动画的过程予以优化,可以降低构成动画的运算资源的消耗。
在一个可选实现方式,可以通过以下操作基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放:
通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数,获取各相邻帧图像之间比较信息,其中,所述比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系。
基于获取的比较信息,通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数,实现在后的一帧图像的播放。
本方式中,一类动画图层对应一种动画元素,各动画图层的叠加顺序、叠加位置由设计者在设计动画时根据动画呈现效果设置。所述其他动画参数可以是动画图层的透明度、形变量、位移、容器尺寸等。
此外,在动画的加载过程(渲染过程)中,某些动画元素在第一帧图像中就首次显示在动画中,某些动画元素直到第十帧图像才首次出现在动画中。如图2b所示,对于第一帧图像需要首次显示的动画元素A1,其初始状态在第一帧图像即可见;对于在第一帧图像之后的图像中被首次渲染显示的动画元素B1、C1,在第一帧图像中变化初始形态可以为不可见,当描述文件执行加载到预设该项这些动画元素首次被渲染的显示的一帧图像时,通过设置这些动画元素的动画参数,将这些动画元素的变化形态设置为可见,如图2c所示,动画元素A1在该图中为仍处于可见状态的动画元素A2,通过设置动画元素B1的动画参数,使其在首次出现的图像中形态如动画元素B2的可见状态,动画元素C1在该图中仍为不可见状态的动画元素C2。因此,在渲染动画第一帧图像前即对所有动画元素进行预渲染,不在第一帧图像显示的动画元素可以设置为不可见),当加载到需要显示之前未显示的动画元素的一帧图像时,只需要通过设置这些动画元素的动画参数来修改其可见状态,即可显示这些动画元素,无需将这些动画元素重新渲染为可显示状态。
单独就渲染动画元素的资源开销而言,在显示第一帧图像前对动画元素的静态预渲染,资源开销显著低于在渲染各帧图像时对动画元素的动态渲染。而且相对于重新渲染动画的一项动画元素,仅改变动画元素的可见状态,可显著降低动画的加载开销。
一般情况下,通过设置动画元素的以下位置参数、透明度、容器尺寸(尺寸参数)、形变量、位移量、图层顺序等,可以改变其可见状态:
设置动画元素的位置参数,可以控制动画元素出现在各帧图像中的初始位置。
设置动画元素的透明度,可以控制动画元素在序列帧中是否可见,如透明度为100%时,动画元素完全可见;透明度为0%时,动画元素完全不可见;透明度介于100%-0%之间时,动画元素表现出不同程度的透视效果。
设置动画元素的透明度,还可以控制动画元素的颜色,通过改变动画元素的红、黄、蓝三原色的透明度,实现类同于调色的过程,达到改变动画元素的颜色的效果。
设置动画元素的形变量,可以控制动画元素的形态变化。
设置动画元素的容器尺寸,可以控制动画元素在序列帧中的显示范围。
设置动画元素的位移量,可以控制动画元素的相对初始位置的移动距离。
设置动画元素的同层顺序,可以区分控制同一帧图像中相同动画元素(可以指同一序列帧中处于不同图层的相同动画元素),还可以控制各帧图像中各项动画元素的相互遮挡关系。
由上述实施例可知:获取待播放动画的SVG格式的序列帧,然后将每帧图像所含的动画对象拆分为多项动画元素,再获取每项动画元素的位图图像,然后生成用于描述动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数的动画描述文件,最终确定将所述动画描述文件以及各项动画元素的位图图像:作为所述待播放动画的动画源文件。因为动画源文件仅包括动画元素的位图图像、以及动画描述文件,其所占空间大小远远小于:原来重复包含各项动画元素的位图图像的各帧图像,所以可以有效减小动画文件的体积,能解决现有技术中动画文件体积过大的弊端。
此外,通过对动画源文件进行处理实现动画播放时,获取包括动画描述文件和各项动画元素的位图图像的动画源文件,渲染所有的位图图像,生成各项动画元素的动画图层,然后从所述动画描述文件中获取动画播放信息,再基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放。这样在播放不同帧动画时无需重复渲染相同的动画元素的位图图像,因此能在快速实现动画播放的同时可以有效降低处理器和内存的消耗。
应用到直播领域后,播放动画时CPU占用率仅为原播放方案的一半,GPU占用率升幅不大,内存占用亦仅为原播放方案的一半。动画源文件的体积仅为原播放方案的10%。
与前述动画处理方法的实施例相对应,本申请还提供了动画处理装置的实施例。
参见图3,图3是本申请动画处理装置的一个实施例框图,该装置可包括:序列帧获取模块310、元素划分模块320、位图获取模块330、文件生成模块340和源文件确定模块350。
其中,序列帧获取模块310,用于获取待播放动画的SVG格式的序列帧。
元素划分模块320,用于将所述序列帧内各帧图像所含的动画对象划分为多项动画元素。
位图获取模块330,用于获取每项动画元素的位图图像为该项动画元素对应的元素位图。
文件生成模块340,用于根据每帧图像所含的动画元素以及所含动画元素在该帧图像内的动画参数,生成动画描述文件,所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数。
源文件确定模块350,用于确定将所述动画描述文件以及各项动画元素对应的元素位图:作为所述待播放动画的动画源文件。
在一个可选的实现方式中,序列帧获取模块310还可以包括(图3中未示出):
第一获取模块,用于通过Flash编辑器将Flash格式的待播放动画转换为SVG格式的序列帧。
或者,
第二获取模块,用于通过BodyMovin将AE格式的待播放动画转换为SVG格式的序列帧。
在另一个可选的实现方式中,元素划分模块320还可以包括(图3中未示出):
逐帧比较模块,用于逐帧比较各序列帧,获取各相邻帧之间的比较信息,其中,所述比较信息包括相邻帧之间的相同动画对象、相同动画对象之间的变化参数、不同动画对象以及不同动画对象之间的位置关系。
元素划分子模块,用于基于所述比较信息,将每个动画对象中矢量未发生过变化的部分以及矢量发生过变化的各部分:分别作为不同的动画元素。
在另一个可选的实现方式中,所述动画参数包括位置参数、透明度参数、尺寸参数、图层顺序参数。
在另一个可选的实现方式中,所述动画属性包括动画的总帧数、各帧图像的标识、FPS、动画大小。
在另一个可选的实现方式中,本申请实施例的动画处理装置还可以包括(图3中未示出):
文件压缩模块,用于对所述动画源文件进行文件压缩。
文件传输模块,用于将压缩后的动画源文件传输到指定地址,以便动画播放端从该指定地址获取所述动画源文件。
参见图4,图4是本申请动画处理装置的另一个实施例框图,该装置可包括:源文件获取模块410、位图渲染模块420、信息获取模块430和动画播放模块440。
其中,源文件获取模块410,用于获取待播放动画的动画源文件,其中,
所述动画源文件包括动画描述文件和各元素位图,所述元素位图为所述待播5放动画所含的动画元素的位图图像,所述动画描述文件包括动画属性、各帧
图像所含的动画元素以及所含动画元素在各帧图像内的动画参数。
位图渲染模块420,用于渲染所有的元素位图,生成各项动画元素的动画图层。
信息获取模块430,从所述动画描述文件中获取动画播放信息,所述动0画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数。
动画播放模块440,用于基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放。
在一个可选的实现方式中,动画播放模块440还可以包括(图4中未示5出):
比较信息获取模块,用于通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数,获取各相邻帧图像之间比较信息,其中,所述比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系。
0图层调整模块,用于基于获取的比较信息,通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数,实现在后的一帧图像的播放。
上述装置中各个单元(或模块)的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程,在此不再赘述。
5对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元或模块可以是或者也可以不是物理上分开的,作为单元或模块显示的部件可以是或者也可以不是物理单元或模块,即可以位于一个地方,或者也可以分布到多个网络单元或模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
本申请动画处理装置的实施例可以应用在电子设备上。具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现中,电子设备为计算机,计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备、互联网电视、智能机车、智能家居设备或者这些设备中的任意几种设备的组合。
装置实施例可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。以软件实现为例,作为一个逻辑意义上的装置,是通过其所在电子设备的处理器将非易失性存储器等可读介质中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言,如图5所示,为本申请动画处理装置所在电子设备的一种硬件结构图,除了图5所示的处理器、内存、网络接口、以及非易失性存储器之外,实施例中装置所在的电子设备通常根据该电子设备的实际功能,还可以包括其他硬件,对此不再赘述。电子设备的存储处理器可以是可执行指令的存储器;处理器可以耦合存储器,用于读取所述存储器存储的程序指令,并作为响应,执行如下操作:获取待播放动画的SVG格式的序列帧;将所述序列帧内各帧图像所含的动画对象划分为多项动画元素;获取每项动画元素的位图图像为该项动画元素对应的元素位图;根据每帧图像所含的动画元素以及所含动画元素在该帧图像内的动画参数,生成动画描述文件,所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数;确定将所述动画描述文件以及各项动画元素对应的元素位图:作为所述待播放动画的动画源文件。
在另一实施例中,电子设备的存储处理器可以是可执行指令的存储器;处理器可以耦合存储器,用于读取所述存储器存储的程序指令,并作为响应,执行如下操作:获取待播放动画的动画源文件,其中,所述动画源文件包括动画描述文件和各元素位图,所述元素位图为所述待播放动画所含的动画元素的位图图像,所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数;渲染所有的元素位图,生成各项动画元素的动画图层;从所述动画描述文件中获取动画播放信息,所述动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数;基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放。
在其他实施例中,处理器所执行的操作可以参考上文方法实施例中相关的描述,在此不予赘述。
以上所述仅为本申请的较佳实施例而已,并不用以限制本申请,凡在本申请的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本申请保护的范围之内。

Claims (12)

1.一种动画处理方法,其特征在于,包括以下步骤:
获取待播放动画的动画源文件,其中,所述动画源文件包括动画描述文件和各元素位图;
渲染所有的元素位图,生成各项动画元素的动画图层;
从所述动画描述文件中获取动画播放信息,所述动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数;
基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放。
2.如权利要求1所述的方法,其特征在于,所述基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放,包括:
显示第一帧图像,其中所述第一帧图像包括所述第一帧图像需要首次显示的第一动画元素以及在所述第一帧图像之后的图像中被首次渲染显示的第二动画元素,所述第一动画元素设置成可见状态,所述第二动画元素设置成不可见状态;
当加载到所述第二动画元素需要显示的一帧图像时,将所述第二动画元素修改成可视状态。
3.如权利要求1所述的方法,其特征在于,通过设置所述第二动画元素的位置参数、透明度、容器尺寸、形变量、位移量或图层顺序改变其可见状态。
4.如权利要求1所述的方法,其特征在于,所述元素位图为所述待播放动画所含的动画元素的位图图像,所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数。
5.如权利要求1所述的方法,其特征在于,所述渲染所有的元素位图,生成各项动画元素的动画图层,包括:
在显示第一帧图像前对所有动画元素进行静态预渲染。
6.如权利要求1所述的方法,其特征在于,所述基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放,还包括:
通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数,获取各相邻帧图像之间比较信息,其中,所述比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系;
基于获取的比较信息,通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数,实现在后的一帧图像的播放。
7.一种动画处理装置,其特征在于,包括:
源文件获取模块,用于获取待播放动画的动画源文件,其中,所述动画源文件包括动画描述文件和各元素位图;
位图渲染模块,用于渲染所有的元素位图,生成各项动画元素的动画图层;
信息获取模块,从所述动画描述文件中获取动画播放信息,所述动画播放信息包括动画属性、每帧图像所含的动画元素、以及所含动画元素在该帧图像中的动画参数;
动画播放模块,用于基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放。
8.如权利要求7所述的方法,其特征在于,所述基于所述动画播放信息,将每帧图像所含的动画元素的动画图层按照所述动画参数进行组合,实现所述待播放动画的播放,包括:显示第一帧图像,其中所述第一帧图像包括所述第一帧图像需要首次显示的第一动画元素以及在所述第一帧图像之后的图像中被首次渲染显示的第二动画元素,所述第一动画元素设置成可见状态,所述第二动画元素设置成不可见状态;当加载到所述第二动画元素需要显示的一帧图像时,将所述第二动画元素修改成可视状态。
9.如权利要求7所述的装置,其特征在于,通过设置所述第二动画元素的位置参数、透明度、容器尺寸、形变量、位移量或图层顺序改变其可见状态。
10.如权利要求7所述的装置,其特征在于,所述元素位图为所述待播放动画所含的动画元素的位图图像,所述动画描述文件包括动画属性、各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数。
11.如权利要求7所述的装置,其特征在于,所述渲染所有的元素位图,生成各项动画元素的动画图层,包括:在显示第一帧图像前对所有动画元素进行静态预渲染。
12.如权利要求7所述的装置,其特征在于,所述动画播放模块还包括:
比较信息获取模块,用于通过逐帧比较各帧图像所含的动画元素以及所含动画元素在各帧图像内的动画参数,获取各相邻帧图像之间比较信息,其中,所述比较信息包括相邻帧图像之间的相同动画元素、相同动画元素之间的变化参数、不同动画元素以及各项动画元素之间的层级关系;
图层调整模块,用于基于获取的比较信息,通过调整在先的一帧图像的动画图层种类、各动画图层的叠加顺序、各动画图层的叠加位置以及各动画图层的其他动画参数,实现在后的一帧图像的播放。
CN202211667831.5A 2016-12-22 2016-12-22 动画处理方法和装置 Pending CN115908644A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211667831.5A CN115908644A (zh) 2016-12-22 2016-12-22 动画处理方法和装置

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201611201647.6A CN106611435B (zh) 2016-12-22 2016-12-22 动画处理方法和装置
CN202211667831.5A CN115908644A (zh) 2016-12-22 2016-12-22 动画处理方法和装置

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
CN201611201647.6A Division CN106611435B (zh) 2016-12-22 2016-12-22 动画处理方法和装置

Publications (1)

Publication Number Publication Date
CN115908644A true CN115908644A (zh) 2023-04-04

Family

ID=58636707

Family Applications (3)

Application Number Title Priority Date Filing Date
CN202211688081.XA Pending CN115830190A (zh) 2016-12-22 2016-12-22 动画处理方法和装置
CN202211667831.5A Pending CN115908644A (zh) 2016-12-22 2016-12-22 动画处理方法和装置
CN201611201647.6A Active CN106611435B (zh) 2016-12-22 2016-12-22 动画处理方法和装置

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN202211688081.XA Pending CN115830190A (zh) 2016-12-22 2016-12-22 动画处理方法和装置

Family Applications After (1)

Application Number Title Priority Date Filing Date
CN201611201647.6A Active CN106611435B (zh) 2016-12-22 2016-12-22 动画处理方法和装置

Country Status (1)

Country Link
CN (3) CN115830190A (zh)

Families Citing this family (32)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107230244A (zh) * 2017-06-08 2017-10-03 深圳第七大道科技有限公司 一种动画文件的生成方法和渲染系统
CN109242934B (zh) * 2017-07-06 2023-09-05 浙江天猫技术有限公司 一种动画代码的生成方法及设备
CN107403460B (zh) * 2017-07-11 2021-07-06 北京龙之心科技有限公司 动画生成方法及装置
CN109389661B (zh) * 2017-08-04 2024-03-01 阿里健康信息技术有限公司 一种动画文件转化方法及装置
CN108242070A (zh) * 2017-10-09 2018-07-03 北京车和家信息技术有限公司 一种图像绘制方法、图像绘制装置和计算机设备
CN108364335A (zh) * 2018-01-23 2018-08-03 腾讯科技(深圳)有限公司 一种动画绘制方法及装置
CN108520491A (zh) * 2018-04-24 2018-09-11 上海仪电汽车电子系统有限公司 基于qnx操作系统的全屏开机动画驱动方法
CN110473275B (zh) * 2018-05-09 2023-05-30 鸿合科技股份有限公司 一种安卓系统下的帧动画实现方法、装置、电子设备
CN108810132B (zh) * 2018-06-07 2022-02-11 腾讯科技(深圳)有限公司 动画显示方法、装置、终端、服务器及存储介质
CN108881997A (zh) * 2018-07-24 2018-11-23 北京奇艺世纪科技有限公司 动画文件生成及播放方法、装置和系统
CN109147016A (zh) * 2018-07-26 2019-01-04 乐蜜有限公司 一种动效画面生成方法、装置、电子设备及存储介质
CN109636884A (zh) * 2018-10-25 2019-04-16 阿里巴巴集团控股有限公司 动画处理方法、装置及设备
CN110090437A (zh) * 2019-04-19 2019-08-06 腾讯科技(深圳)有限公司 视频获取方法、装置、电子设备及存储介质
CN111968197A (zh) * 2019-05-20 2020-11-20 北京字节跳动网络技术有限公司 动态图像生成方法、装置、电子设备及计算机可读存储介质
CN110213638B (zh) * 2019-06-05 2021-10-08 北京达佳互联信息技术有限公司 动画显示方法、装置、终端及存储介质
CN112069042B (zh) * 2019-06-11 2023-04-14 腾讯科技(深圳)有限公司 动画性能监测方法、装置、存储介质和计算机设备
CN114363699B (zh) * 2019-07-29 2024-03-12 创新先进技术有限公司 动画文件播放方法、装置及终端设备
CN110475147A (zh) * 2019-07-29 2019-11-19 阿里巴巴集团控股有限公司 动画播放方法、装置、终端及服务器
CN112435319A (zh) * 2019-08-26 2021-03-02 上海卷石文化传媒有限公司 一种基于计算机处理的二维动画生成系统
CN110662105A (zh) * 2019-10-16 2020-01-07 广州华多网络科技有限公司 动画文件的生成方法、装置及存储介质
CN110784739A (zh) * 2019-10-25 2020-02-11 稿定(厦门)科技有限公司 基于ae的视频合成方法及装置
CN110990601A (zh) * 2019-11-13 2020-04-10 珠海格力电器股份有限公司 一种图像处理方法及装置
CN111292387B (zh) * 2020-01-16 2023-08-29 广州小鹏汽车科技有限公司 动态图片的加载方法、装置、存储介质及终端设备
CN111309227B (zh) * 2020-02-03 2022-05-31 联想(北京)有限公司 一种动画制作方法、设备及计算机可读存储介质
CN111932660A (zh) * 2020-08-11 2020-11-13 深圳市前海手绘科技文化有限公司 一种基于ae文件的手绘视频制作方法
CN112312043A (zh) * 2020-10-20 2021-02-02 深圳市前海手绘科技文化有限公司 一种动画视频导出的优化方法和装置
CN112689168A (zh) * 2020-12-09 2021-04-20 四川金熊猫新媒体有限公司 一种动效处理方法、动效展示方法及动效处理装置
CN113409427B (zh) * 2021-07-21 2024-04-19 北京达佳互联信息技术有限公司 动画播放方法、装置、电子设备及计算机可读存储介质
CN113992995A (zh) * 2021-10-22 2022-01-28 广州博冠信息科技有限公司 虚拟礼物发送方法、装置、存储介质及电子设备
CN113885345B (zh) * 2021-10-29 2024-03-19 广州市技师学院(广州市高级技工学校、广州市高级职业技术培训学院、广州市农业干部学校) 基于智能家居仿真控制系统的交互方法、装置、设备
CN113986438B (zh) * 2021-10-30 2024-01-30 深圳市快易典教育科技有限公司 动画的加载方法、系统、装置及计算机可读存储介质
CN115484488B (zh) * 2022-08-23 2023-08-04 惠州拓邦电气技术有限公司 一种动画控制方法、装置及电器

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN100428279C (zh) * 2006-11-10 2008-10-22 北京金山软件有限公司 一种动画的实现方法和动画绘制系统
CN101470893B (zh) * 2007-12-26 2011-01-19 中国科学院声学研究所 一种基于位图缓存的矢量图形显示的加速方法
CN102117489A (zh) * 2010-01-06 2011-07-06 深圳市网域计算机网络有限公司 动画播放方法及装置
JP5700521B2 (ja) * 2010-12-22 2015-04-15 アビックス株式会社 利用者のコンピューター上にて雛形の動画を見ながら好みの動画を編集して動画作品ファイルを作成するための実行ファイル、その使用方法
CN102368247B (zh) * 2011-09-16 2015-03-18 杭州典能科技有限公司 在手持终端上执行swf文件的方法
CN104392474B (zh) * 2014-06-30 2018-04-24 贵阳朗玛信息技术股份有限公司 一种生成、展示动画的方法及装置
CN105335410B (zh) * 2014-07-31 2017-06-16 优视科技有限公司 一种基于合成渲染加速的网页更新方法和装置

Also Published As

Publication number Publication date
CN115830190A (zh) 2023-03-21
CN106611435B (zh) 2022-11-11
CN106611435A (zh) 2017-05-03

Similar Documents

Publication Publication Date Title
CN106611435B (zh) 动画处理方法和装置
US11783522B2 (en) Animation rendering method and apparatus, computer-readable storage medium, and computer device
CN111193876B (zh) 视频中添加特效的方法及装置
CN108959392B (zh) 在3d模型上展示富文本的方法、装置及设备
CN111899155B (zh) 视频处理方法、装置、计算机设备及存储介质
CN113457160B (zh) 数据处理方法、装置、电子设备及计算机可读存储介质
CN111899322B (zh) 视频处理方法、动画渲染sdk和设备及计算机存储介质
US20100060652A1 (en) Graphics rendering system
CN111161392B (zh) 一种视频的生成方法、装置及计算机系统
CN112073794B (zh) 动画处理方法、装置、计算机可读存储介质和计算机设备
CN112135161A (zh) 虚拟礼物的动效展示方法及装置、存储介质及电子设备
CN111221596A (zh) 字体渲染方法、装置及计算机可读存储介质
WO2020258907A1 (zh) 虚拟物品的生成方法、装置及设备
CN107767437B (zh) 一种多层混合异步渲染方法
CN112804460A (zh) 基于虚拟摄像头的图像处理方法、装置、存储介质及电子设备
US9064350B2 (en) Methods of providing graphics data and displaying
CN111064986B (zh) 带透明度的动画数据发送方法、播放方法和计算机设备
CN112954452B (zh) 视频生成方法、装置、终端及存储介质
JP2004201004A (ja) 3次元映像表示装置、プログラム、及び記録媒体
KR20220048101A (ko) 스낵 컬처 컨텐츠 저장 방법 및 장치
WO2024087971A1 (zh) 用于图像处理的方法、装置及存储介质
CN116527983A (zh) 页面显示方法、装置、设备、存储介质及产品
CN113450293A (zh) 视频信息处理方法、装置、系统、电子设备及存储介质
CN117974814A (zh) 用于图像处理的方法、装置及存储介质
CN114764317A (zh) 基于iOS系统的视频流获取方法、介质、设备及应用系统

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