CN104392474B - 一种生成、展示动画的方法及装置 - Google Patents
一种生成、展示动画的方法及装置 Download PDFInfo
- Publication number
- CN104392474B CN104392474B CN201410309344.0A CN201410309344A CN104392474B CN 104392474 B CN104392474 B CN 104392474B CN 201410309344 A CN201410309344 A CN 201410309344A CN 104392474 B CN104392474 B CN 104392474B
- Authority
- CN
- China
- Prior art keywords
- animation
- picture
- information
- file
- generating
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种生成、展示动画的方法及装置,所述生成动画的方法包括:保存用于生成动画的多幅图片;生成用于描述动画布局以及图片的动作行为的动画描述文件,所述动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息。本发明通过保存生成动画的多幅图片并生成动画描述文件,在动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息,完成动画的生成,不仅可以实现复杂的动画,而且不会带来很大的内存消耗,将这种方式应用于礼物展示系统中,可以给用户带来全新的体验。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种生成、展示动画的方法及装置。
背景技术
在互联网中,用户之间在网上送礼物已经成为一种普遍采用的增加亲密度的方式。传统的礼物展示是静态的给用户展示一个动画效果,如一朵玫瑰花从小变大或从左到右飘出。对于这种动画,用户早已司空见惯,并不能带给用户任何的惊喜。
如果要实现较为复杂的动画效果,并且要使动画的性能良好,会带来很大的内存消耗,对系统资源造成很大的压力。
发明内容
本发明要解决的技术问题是提供一种生成、展示动画的方法及装置,能够在较低的内存消耗的基础上,实现较为复杂的动画。
为解决上述技术问题,本申请的一种生成动画的方法,包括:
保存用于生成动画的多幅图片;
生成用于描述动画布局以及图片的动作行为的动画描述文件,所述动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息。
进一步地,所述保存用于生成动画的多幅图片,包括:
将所述多幅图片合并到一幅组合图片中,为该组合图片生成图描述文件,所述图描述文件中记录每幅图片在所述组合图片中的尺寸和位置。
进一步地,所述布局信息为图片在动画中的位置信息;
所述动作行为描述信息包含:动作类型信息和动作参数信息;
所述执行控制信息包含:执行顺序信息和执行时长信息。
进一步地,一种展示动画的方法,包括:
获取用于生成动画的多幅图片以及对应的动画描述文件,所述动画描述文件用于描述动画布局以及图片的动作行为;
根据所述动画描述文件中记录的每幅图片的布局信息、动作行为描述信息和执行控制信息实现动画布局以及每幅图片的动作行为,展示动画效果。
进一步地,所述获取用于生成动画的多幅图片,包括:
获取所述多幅图片合并成的组合图片以及该组合图片对应的图描述文件;
根据所述图描述文件中记录的每幅图片在所述组合图片中的尺寸和位置,从所述组合图片中获取图片。
进一步地,一种生成动画的装置,包括:图片处理单元和动画描述文件生成单元,其中:
所述图片处理单元,用于保存用于生成动画的多幅图片;
所述动画描述文件生成单元,用于生成用于描述动画布局以及图片的动作行为的动画描述文件,所述动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息。
进一步地,所述动画描述文件生成单元保存用于生成动画的多幅图片,包括:将所述多幅图片合并到一幅组合图片中,为该组合图片生成图描述文件,所述图描述文件中记录每幅图片在所述组合图片中的尺寸和位置。
进一步地,所述布局信息为图片在动画中的位置信息;
所述动作行为描述信息包含:动作类型信息和动作参数信息;
所述执行控制信息包含:执行顺序信息和执行时长信息。
进一步地,一种展示动画的装置,包括:获取单元和展示单元,其中:
所述获取单元,用于获取用于生成动画的多幅图片以及对应的动画描述文件,所述动画描述文件用于描述动画布局以及图片的动作行为;
所述展示单元,用于根据所述动画描述文件中记录的每幅图片的布局信息、动作行为描述信息和执行控制信息实现动画布局以及每幅图片的动作行为,展示动画效果。
进一步地,所述获取单元获取用于生成动画的多幅图片,包括:获取所述多幅图片合并成的组合图片以及该组合图片对应的图描述文件;根据所述图描述文件中记录的每幅图片在所述组合图片中的尺寸和位置,从所述组合图片中获取图片。
综上所述,本发明通过保存生成动画的多幅图片并生成动画描述文件,在动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息,完成动画的生成,不仅可以实现复杂的动画,而且不会带来很大的内存消耗,将这种方式应用于礼物展示系统中,可以给用户带来全新的体验。
附图说明
图1为本申请的生成动画的方法的流程图;
图2为本申请的展示动画的方法的流程图;
图3为本申请的生成动画的装置的架构图;
图4为本申请的展示动画的装置的架构图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
本申请生成动画的方法中,使用各种不同的图片并对图片添加各种动作行为来实现动画。本申请中通过对每幅图片的动作行为进行定义和设计实现想要的动画效果。
如图1所示本申请的生成动画的方法,包括:
步骤101:保存用于生成动画的多幅图片;
本申请中的动画包含多幅图片和动画描述文件(下文中说明)。本申请中保存用于生成动画的多幅图片可以是将多幅图片合并到一幅组合图片中,并为该组合图片生成一个图描述文件,图描述文件中记录每幅图片在组合图片中的尺寸和位置。在需要使用图片时,根据组合图片的图描述文件中记录的每幅图片在组合图片中的尺寸和位置,从组合图片中获取图片。图描述文件中还可以记录每幅图片的原文件的尺寸。图描述文件可以采用xml文件。当然,本申请中动画包含的图片也可以是单独保存。
本申请中将多幅图片组合到一幅组合图片中,可以优化动画性能,使应用程序减少很多需要加载的内存。组合到一幅组合图片中的图片越多,性能优化越明显。
步骤102:生成用于描述动画布局以及图片的动作行为的动画描述文件,动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息。
本申请中,实现动画描述文件至关重要,步骤102即是将每幅图片在动画中的布局以及要实现的动作行为描述成计算机程序能理解的描述。
动画描述文件中的布局信息是图片在动画中的位置信息。每幅图片的布局信息如可以是以一个图片的位置为参考,其他图片相对于参考图片的位置信息。
动画描述文件中的动作行为描述信息包含:动作类型信息和动作参数信息。比如:动作类型可以包含:旋转、移动和变形等。动作参数信息针对不同的动作类型有所不同,如针对旋转(Rotation),动作参数信息可以是旋转角度、旋转方向等;针对变形,也可以称为尺寸变换(scale),动作参数信息可以是图片的缩放信息;针对移动,也可以称为位置变换,动作参数信息可以是如从左到右,从上到下,从屏幕上的一个点到另一个点的移动等,还可以包含关键帧移动、图片移动速度等信息。
执行控制信息包含:执行顺序信息和执行时长信息。
动画描述文件中除了记录每幅图片的布局信息、动作行为描述信息和执行控制信息外,还可以包含动画的总时长和执行次数等信息。动画描述文件可以采用xml格式。
本申请中可以将组合图片、组合图片的图描述文件和动画描述文件都放在服务端,客户端下载后,解析出图片及相应的动作行为就可以实现动态的动画效果。
下面以实现一列火车拉着一车红色桃心从右到左行驶的动画为例,对本申请的方法进行说明。
动画中涉及的内容包括:
(1)红色桃心会不断闪烁和跳动;
(2)每个车轮转动着从右向左移动;
(3)灰色桃心向上漂移并渐隐,就像是火车的烟囱一样;
(4)车箱、车头、红心、车轮、灰心、车身等的移动要求同步和一致。
对于实现上述动画,首先,将各个小图片组成一张组合图片,同时生成一个图描述文件,每幅图的信息都记录在该图描述文件中,如图片的位置及尺寸,还可以包含图片原文件的大小等。
其次,还要生成动画描述文件,其中记录每个图片的布局信息、动作行为描述信息和执行控制信息。
动作行为描述信息,如车轮的旋转、车轮旋转的角度和方向等;红色桃心的闪烁、红色桃心的缩放信息;火车各部分以及红色桃心、灰色桃心的位置变换、如从左到右移动、移动速度等。
每个图片的布局信息,如以火车车身的位置为参考,其他图片相对于这个火车车身的位置信息。
每个图片的执行控制信息,如火车运动与红色桃心跳动的执行顺序和执行时长等。
动画描述文件中还可以记录动画的执行总时长和执行次数等。如上述动画中火车从左侧到右侧走过屏幕宽度的时间,该动画的执行次数等。
上述信息按格式生成xml格式的动画描述文件,客户端得到该文件就可以展示相应的动画。
如图2所示,本申请还提供了一种展示动画的方法,包括:
步骤201:获取用于生成动画的多幅图片以及对应的动画描述文件,其中,动画描述文件用于描述动画布局以及图片的动作行为;
本申请中,获取多幅图片可以是先获取多幅图片合并成的组合图片以及该组合图片对应的图描述文件;再根据图描述文件中记录的每幅图片在所述组合图片中的尺寸和位置,从所述组合图片中获取图片。
步骤202:根据动画描述文件中记录的每幅图片的布局信息、动作行为描述信息和执行控制信息实现动画布局以及每幅图片的动作行为,展示动画效果。
本申请中,动画描述文件中记录的布局信息为图片在动画中的位置信息;动作行为描述信息包含:动作类型信息和动作参数信息;执行控制信息包含:执行顺序信息和执行时长信息。
如图3所示,本申请还提供了一种生成动画的装置,包括:图片处理单元和动画描述文件生成单元,其中:
图片处理单元,用于保存用于生成动画的多幅图片;
动画描述文件生成单元,用于生成用于描述动画布局以及图片的动作行为的动画描述文件,动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息。
动画描述文件生成单元保存用于生成动画的多幅图片,包括:将多幅图片合并到一幅组合图片中,为该组合图片生成图描述文件,图描述文件中记录每幅图片在组合图片中的尺寸和位置。
动画描述文件中记录的布局信息为图片在动画中的位置信息;动作行为描述信息包含:动作类型信息和动作参数信息;执行控制信息包含:执行顺序信息和执行时长信息。
如图4所示,本申请还提供了一种展示动画的装置,包括:获取单元和展示单元,其中:
获取单元,用于获取用于生成动画的多幅图片以及对应的动画描述文件,动画描述文件用于描述动画布局以及图片的动作行为;
展示单元,用于根据动画描述文件中记录的每幅图片的布局信息、动作行为描述信息和执行控制信息实现动画布局以及每幅图片的动作行为,展示动画效果。
获取单元获取用于生成动画的多幅图片,包括:获取多幅图片合并成的组合图片以及该组合图片对应的图描述文件;根据图描述文件中记录的每幅图片在组合图片中的尺寸和位置,从组合图片中获取图片。
本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
尽管上文对本发明进行了详细说明,但是本发明不限于此,本技术领域技术人员可以根据本发明的原理进行各种修改。因此,凡按照本发明原理所作的修改,都应当理解为落入本发明的保护范围。
Claims (8)
1.一种生成动画的方法,其特征在于,包括:
保存用于生成动画的多幅图片;
生成用于描述动画布局以及图片的动作行为的动画描述文件,所述动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息;
所述布局信息为图片在动画中的位置信息;
所述动作行为描述信息包含:动作类型信息和动作参数信息;
所述执行控制信息包含:执行顺序信息和执行时长信息。
2.如权利要求1所述的方法,其特征在于,所述保存用于生成动画的多幅图片,包括:
将所述多幅图片合并到一幅组合图片中,为该组合图片生成图描述文件,所述图描述文件中记录每幅图片在所述组合图片中的尺寸和位置。
3.一种展示动画的方法,其特征在于,包括:
获取用于生成动画的多幅图片以及对应的动画描述文件,所述动画描述文件用于描述动画布局以及图片的动作行为;
根据所述动画描述文件中记录的每幅图片的布局信息、动作行为描述信息和执行控制信息实现动画布局以及每幅图片的动作行为,展示动画效果;
所述布局信息为图片在动画中的位置信息;
所述动作行为描述信息包含:动作类型信息和动作参数信息;
所述执行控制信息包含:执行顺序信息和执行时长信息。
4.如权利要求3所述的方法,其特征在于,所述获取用于生成动画的多幅图片,包括:
获取所述多幅图片合并成的组合图片以及该组合图片对应的图描述文件;
根据所述图描述文件中记录的每幅图片在所述组合图片中的尺寸和位置,从所述组合图片中获取图片。
5.一种生成动画的装置,其特征在于,包括:图片处理单元和动画描述文件生成单元,其中:
所述图片处理单元,用于保存用于生成动画的多幅图片;
所述动画描述文件生成单元,用于生成用于描述动画布局以及图片的动作行为的动画描述文件,所述动画描述文件中记录每幅图片的布局信息、动作行为描述信息和执行控制信息;
所述布局信息为图片在动画中的位置信息;
所述动作行为描述信息包含:动作类型信息和动作参数信息;
所述执行控制信息包含:执行顺序信息和执行时长信息。
6.如权利要求5所述的装置,其特征在于:
所述动画描述文件生成单元保存用于生成动画的多幅图片,包括:将所述多幅图片合并到一幅组合图片中,为该组合图片生成图描述文件,所述图描述文件中记录每幅图片在所述组合图片中的尺寸和位置。
7.一种展示动画的装置,其特征在于,包括:获取单元和展示单元,其中:
所述获取单元,用于获取用于生成动画的多幅图片以及对应的动画描述文件,所述动画描述文件用于描述动画布局以及图片的动作行为;
所述展示单元,用于根据所述动画描述文件中记录的每幅图片的布局信息、动作行为描述信息和执行控制信息实现动画布局以及每幅图片的动作行为,展示动画效果;
所述布局信息为图片在动画中的位置信息;
所述动作行为描述信息包含:动作类型信息和动作参数信息;
所述执行控制信息包含:执行顺序信息和执行时长信息。
8.如权利要求7所述的装置,其特征在于:
所述获取单元获取用于生成动画的多幅图片,包括:获取所述多幅图片合并成的组合图片以及该组合图片对应的图描述文件;根据所述图描述文件中记录的每幅图片在所述组合图片中的尺寸和位置,从所述组合图片中获取图片。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410309344.0A CN104392474B (zh) | 2014-06-30 | 2014-06-30 | 一种生成、展示动画的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410309344.0A CN104392474B (zh) | 2014-06-30 | 2014-06-30 | 一种生成、展示动画的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104392474A CN104392474A (zh) | 2015-03-04 |
CN104392474B true CN104392474B (zh) | 2018-04-24 |
Family
ID=52610372
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410309344.0A Active CN104392474B (zh) | 2014-06-30 | 2014-06-30 | 一种生成、展示动画的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104392474B (zh) |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105678830A (zh) * | 2015-12-31 | 2016-06-15 | 广州多益网络科技有限公司 | 2d游戏的动画实现方法和系统 |
CN106331526B (zh) * | 2016-08-30 | 2019-11-15 | 北京奇艺世纪科技有限公司 | 一种拼接动画生成、播放方法及装置 |
CN106375775B (zh) * | 2016-09-26 | 2020-12-11 | 广州华多网络科技有限公司 | 虚拟礼物展示方法及装置 |
CN106651995B (zh) * | 2016-10-10 | 2019-11-19 | 腾讯科技(深圳)有限公司 | 一种动画资源的配置方法、播放方法和装置 |
CN106611435B (zh) * | 2016-12-22 | 2022-11-11 | 广州方硅信息技术有限公司 | 动画处理方法和装置 |
CN107454456B (zh) * | 2017-09-06 | 2020-09-08 | 武汉斗鱼网络科技有限公司 | 一种浮层元素的管理控制方法及系统 |
CN108810132B (zh) * | 2018-06-07 | 2022-02-11 | 腾讯科技(深圳)有限公司 | 动画显示方法、装置、终端、服务器及存储介质 |
CN110704138B (zh) * | 2018-06-25 | 2021-04-23 | 马上消费金融股份有限公司 | 动画效果的实现方法、装置及计算机可读存储介质 |
CN110853122B (zh) * | 2019-11-07 | 2024-02-06 | 网易(杭州)网络有限公司 | 动画生成方法、装置及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7167179B2 (en) * | 1999-12-09 | 2007-01-23 | Canon Kabushiki Kaisha | Image sensing apparatus, image synthesizing method, image processing apparatus, and image processing method |
CN101179668A (zh) * | 2002-05-28 | 2008-05-14 | 卡西欧计算机株式会社 | 合成图像输出设备及方法 |
CN102157006A (zh) * | 2010-02-11 | 2011-08-17 | 三星电子株式会社 | 生成能够与图像进行交互的角色的动态效果的方法和装置 |
CN103177466A (zh) * | 2013-03-29 | 2013-06-26 | 龚南彬 | 一种动画制作装置及系统 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070146367A1 (en) * | 2005-11-14 | 2007-06-28 | Alion Science And Technology Corporation | System for editing and conversion of distributed simulation data for visualization |
CN102326181A (zh) * | 2009-01-28 | 2012-01-18 | 惠普发展公司,有限责任合伙企业 | 动态图像拼贴 |
CN102682820B (zh) * | 2012-05-03 | 2015-01-28 | 福建星网视易信息系统有限公司 | 嵌入式linux平台媒体播放方法和系统 |
CN103399750B (zh) * | 2013-08-07 | 2017-05-24 | 北京奇虎科技有限公司 | 用户界面实现方法及装置 |
-
2014
- 2014-06-30 CN CN201410309344.0A patent/CN104392474B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7167179B2 (en) * | 1999-12-09 | 2007-01-23 | Canon Kabushiki Kaisha | Image sensing apparatus, image synthesizing method, image processing apparatus, and image processing method |
CN101179668A (zh) * | 2002-05-28 | 2008-05-14 | 卡西欧计算机株式会社 | 合成图像输出设备及方法 |
CN102157006A (zh) * | 2010-02-11 | 2011-08-17 | 三星电子株式会社 | 生成能够与图像进行交互的角色的动态效果的方法和装置 |
CN103177466A (zh) * | 2013-03-29 | 2013-06-26 | 龚南彬 | 一种动画制作装置及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN104392474A (zh) | 2015-03-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104392474B (zh) | 一种生成、展示动画的方法及装置 | |
KR102107709B1 (ko) | 공간 트랜스포머 모듈들 | |
CN108010112B (zh) | 动画处理方法、装置及存储介质 | |
US20200327079A1 (en) | Data processing method and device, dma controller, and computer readable storage medium | |
US20200226725A1 (en) | Digital Image Fill | |
KR20240050463A (ko) | 얼굴 재연을 위한 시스템 및 방법 | |
CN102591650B (zh) | 伴随窗口体验 | |
JP6612487B1 (ja) | 学習装置、分類装置、学習方法、分類方法、学習プログラム、及び分類プログラム | |
CN105279251B (zh) | 虚拟礼物展示方法和装置 | |
National Research Council et al. | Continuing innovation in information technology | |
JP2013089195A (ja) | ビューワ装置、サーバ装置、表示制御方法、電子コミック編集方法及びプログラム | |
US10949774B1 (en) | Methods and systems for supervising displayed content | |
CN109710258A (zh) | 微信小程序界面生成的方法及装置 | |
CN109615671A (zh) | 一种字库样本自动生成方法、计算机装置及可读存储介质 | |
RU2652503C2 (ru) | Автоматическая съемка и монтаж видеоролика | |
US20170060601A1 (en) | Method and system for interactive user workflows | |
CN107665186B (zh) | 一种特有字体生成方法 | |
US20180032487A1 (en) | Scalable vector graphics bundles | |
US10445921B1 (en) | Transferring motion between consecutive frames to a digital image | |
US20220147245A1 (en) | Methods and Systems for Positioning Animated Images Within a Dynamic Keyboard Interface | |
CN109343772A (zh) | 一种基于h5页面的海报生成方法、系统、装置及存储介质 | |
CN106055416A (zh) | 数据跨应用转移的方法和装置 | |
CN109643328A (zh) | 演示程序中的内容建议 | |
KR20170086201A (ko) | 증강현실기반 모바일 게임 제공방법 | |
JP6551847B2 (ja) | レイアウト装置、レイアウト方法、およびプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |