CN104463932A - Animation effect achieving method and device - Google Patents
Animation effect achieving method and device Download PDFInfo
- Publication number
- CN104463932A CN104463932A CN201310434781.0A CN201310434781A CN104463932A CN 104463932 A CN104463932 A CN 104463932A CN 201310434781 A CN201310434781 A CN 201310434781A CN 104463932 A CN104463932 A CN 104463932A
- Authority
- CN
- China
- Prior art keywords
- page
- animation
- animation effect
- array
- page elements
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention provides an animation effect achieving method and device. The method comprises the steps that the animation effects of page elements in a page are set through typesetting software and packaged into a data packet; the data packet is downloaded and analyzed; all the analyzed page elements and the analyzed animation effects are saved in the form of an array; all the page elements and the animation effects are extracted from the array and played according to the animation playing sequence. By means of the animation effect achieving method and device, animation parameters of the page elements can be set through the front-end typesetting software; the data packet containing completed settings is downloaded, analyzed and then played; through the set parameters, multiple animation effects can be achieved, and the requirements of clients are met.
Description
Technical field
The present invention relates to computer realm, in particular to a kind of method and apparatus realizing animation effect.
Background technology
At present, in the application of a lot of electronic equipment, some application are for reading.These application show various reading publication usually on an electronic device.
These are applied in the process run on an electronic device, and the reading page of display is all static.Such as: on certain picture and text page, a product or scene by text description.The picture and text of electronic equipment display, be a static effect, some needs the word content of being expressed by image dynamic effect, cannot embody in the page effect of static state.
Such as, the WP system etc. of the ios system of Apple, Android system that Google issues and Microsoft, these systems, all provide the function of the picture in the picture and text page being carried out to animate during editing.
For ios, the application of the various editing picture of the fabrication techniques provided by Core Animation, but the technology provided and implementation can only realize the broadcasting of single animation, slightly more complex animation can arrange intermediateness, its animation gradual change is also only several optional option, want to realize complexity, the animation effect that user highly customizes still does not reach the requirement of client at present.
Summary of the invention
The present invention aims to provide a kind of method and apparatus realizing animation effect, to solve the problem realizing animation effect complexity.
In an embodiment of the present invention, provide a kind of method realizing animation effect, comprising: the animation effect arranging page elements in the page by software for composing, is packaged into packet; Download described packet and resolve; Each page elements and described animation effect of parsing is preserved with the form of array; According to the playing sequence of animation, from described array, extract each page elements and animation effect and play.
In an embodiment of the present invention, provide a kind of device realizing animation effect, comprising:
Package module, for being arranged the animation effect of page elements in the page by software for composing, is packaged into packet; Download module, for downloading described packet and resolving; Memory module, for preserving each page elements and described animation effect of parsing with the form of array; Playing module, for the playing sequence according to animation, extracts each page elements and animation effect and plays from described array.
By above-mentioned steps, the animation parameters that page elements is set by the software for composing of front end can be realized.Download package, containing the packet after being provided with, is play after resolving.By above-mentioned parameters, multiple animation effect can be realized, meet the requirement of client.
The method can be used for electronic reading, user is in reading process, and when reading certain one page, the word in the page or picture can occur automatically according to the animation effect set by the typesetting of front end, show with abundanter animation effect readers dynamic content, improve interesting.
Accompanying drawing explanation
Accompanying drawing described herein is used to provide a further understanding of the present invention, and form a application's part, schematic description and description of the present invention, for explaining the present invention, does not form inappropriate limitation of the present invention.In the accompanying drawings:
Fig. 1 shows the process flow diagram of embodiment;
Fig. 2 shows the transfer process figure of packet in embodiment;
Fig. 3 shows the process flow diagram of another embodiment;
Fig. 4 shows in embodiment the screenshot capture choosing animation effect;
Fig. 5 shows the screenshot capture of deriving after packet in embodiment generates;
Fig. 6 shows the process flow diagram of playing animation effect in embodiment;
Fig. 7 shows the screenshot capture that the embodiment page is loaded into player;
Fig. 8, Fig. 9, Figure 10 respectively illustrate the screenshot capture that in embodiment, page animation effect is play;
Figure 11 shows the apparatus structure block diagram of embodiment.
Embodiment
Below with reference to the accompanying drawings and in conjunction with the embodiments, describe the present invention in detail.
See Fig. 1, comprise the following steps:
S11: the animation effect arranging page elements in the page by software for composing, is packaged into packet;
S12: download described packet and resolve;
S13: preserve each page elements and described animation effect of parsing with the form of array;
S14: according to the playing sequence of animation, extracts each page elements and animation effect and plays from described array.
Wherein, the page is the page of electronic reading publication, and page elements can be one or more pictures, video, audio frequency etc. on the page; Animation effect can be the effect preset, such as: the fading out of image, come out gradually, fly into, fly out, resilience, fall, bubbling, the effect such as upset.
By above-mentioned steps, the animation parameters that page elements is set by the software for composing of front end can be realized.Download package, containing the packet after being provided with, is play after resolving.By above-mentioned parameters, multiple animation effect can be realized, meet the requirement of client.
The method can be used for electronic reading, user is in reading process, and when reading certain one page, the word in the page or picture can occur automatically according to the animation effect set by the typesetting of front end, show with abundanter animation effect readers dynamic content, improve interesting.
See Fig. 2, the method in embodiment, can framework shown in fig. 2 realize.Front end software for composing makes packet, and server end distribution platform stores packet, after being downloaded, reader shows by interactive client end.
See Fig. 3, illustrate for the animation effect of the bicycle on a page.Comprise the following steps:
S21: first front end composing tools makes mobile reading packet.
Animation effect is specified with the form of configuration file when the front end typesetting of mobile reading periodical; The setting of animation parameters is stored in the xml configuration file of interactive assemblies.
Manufacturing process comprises:
One or more page elements on the selected page;
Choose the multiple animation effects corresponding with each page elements.
See Fig. 4, in software for composing, choose page elements, also referred to as graphics primitive object or interactive assemblies, the animation parameters of page elements is set.
The data forming the described page can belong to the page data as periodical, also can be other layout data.The animation parameters arranged specifically can see table 1:
Table 1
Wherein, in table 1 is the attribute that each array element comprises, wherein Animation_Event is for describing burst types or the association type of animation corresponding to this element, AnimationID is the unique identification of this animated element, and Related_Animation_ID is for describing the animated element ID arrived associated by this animation.
S22: after being provided with above-mentioned parameter, derived data packet format file (.dpub).As shown in Figure 5.
S23: by client software downloading data bag.
The client of ios system, Android system or WP system can be adopted, use packet described in relevant analytic application and play.Such as, use auspicious cloud reader in such systems, realize the parsing to packet.Certainly, the step of this method, also can use method of the present invention in the reader of other brand.
S24: client software resolution data bag.
The software of client obtain all page elements in packet and setting as the animation effect in table 1.Each page elements also can be considered an interactive assemblies, and the interactive assemblies parsed is kept in the assembly array of the component manager of client.
Resolving is as follows:
Animation parsing module in client software, the assembly array in searching loop interactive assemblies manager, pulls out animation correlation parameter and preserves with CEBX_ExFunc_Animation data structure, forms CEBX_ExFunc_Animation full motion array.The animation array of this data structure mainly comprises: the number of plies that each page elements shows on the page, and the animation effect of every layer, and the sequencing of each animation effect display.
Animation administration module in client software, does Data Integration to full motion array.Countershaft structure page loading animation two-dimensional array and the page click animation two-dimensional array on time.The structure of these two kinds of animation arrays and show identical.The following detailed description of resolving, comprising:
A. newly-built two-dimensional array PageLoadLevelsArray deposits the page and loads animation array, the current layer index of the page elements that the page shows is set to 0, traversal full motion array, finding out Animation_Event is the array element that the LOAD_PAGE page loads animation, join the current layer of PageLoadLevelsArray, and this element is deleted from full motion array.Here the corresponding animation effect of array element, for showing corresponding animation effect, the animation effect namely chosen in step S202.
B. the current layer all elements of PageLoadLevelsArray is traveled through, find out all elements to be successively associated and Animation_Event is the array element of WITH_LAST_ANIMATION implication, be filled to the current layer of PageLoadLevelsArray, and this element is deleted, till without Addition ofelements from full motion array.The array element preloaded in the element of WITH_LAST_ANIMATION and steps A shows animation effect simultaneously.
The current layer all elements of C, traversal PageLoadLevelsArray, finding out all Animation_Event be associated is the array element of AFTER_LAST_ANIMATION, be filled to lower one deck of PageLoadLevelsArray, and this element is deleted, till without Addition ofelements from full motion array.
D. current layer index++ travels through lower one deck, gets back to step B, circulates successively, until B and C is all without Addition ofelements.Thus realize having added all array elements in multilayer, so that show the animation effect corresponding to array element of each layer according to time sequencing.
E. fault-tolerant processing is done to current PageLoadLevelsArray.The process of fault-tolerant processing is for same assembly, only allows to occur once, all deletions repeated at the same layer of array.
Fault-tolerant processing is at current layer, and page elements is perhaps corresponding multiple animated element, can only perform an animated element within a certain unit interval, act on this page elements except the animated element of its correspondence, unnecessary animated element needs fault-tolerant deletion.
What delete is the animated element comprising duplicate pages element in current layer, and during owing to performing animation broadcasting, all animations in current layer are for perform simultaneously.For single page elements, in current animation layer, all animations carry out cannot performing multiple animation in same time of playing, and thus will delete for the animated element comprising duplicate pages element in current layer.
Finally the array element of each page elements all of the page is all parsed.
S25: according to the playing sequence of animation, extracts the animation effect of each page elements and plays from described array.
Playing process see Fig. 6, can comprise the following steps:
S31: the Plist file in resolution data bag.
S32: travel through the animation array that each page elements is corresponding.
S33: according to the array element in animation array, perform single animation, complete rear transmission animation completes message.
S34: message reception module receipt message.
S35: determine whether last array element, if so, then completes broadcasting, if not, then array indexing adds 1, performs S33, performs the animation effect of next array element.
See the screenshot capture of Fig. 7 display, packet downloads to client, imports packet to Xiang cloud reader, enters the read state of this current data periodical.
Fig. 8, Fig. 9 are that the bicycle picture arranged starts to perform animation play operation according to the animation parameters array that front end is arranged successively, the sectional drawing of resilience animation effect.
After Figure 10 resilience animation effect completes, enter next animation broadcast state, front end is set to fade out animation herein, is the sectional drawing of dissolve effect.
The playing sequence of animation, can according to corresponding order arrangement in array.
During playing animation, play successively by animation sequence, play current animation transmission animation and complete message, start the broadcasting of next animation, realize completely seamless continuous print animation sequence.
Animation effect finishes, and animation effect arranges that object turns back to normally can interactive mode.
Embodiments of the invention also provide a kind of device realizing animation effect, and this device can realize the method step of above-described embodiment, and accessible site, at all kinds of mobile phones, panel computer, also can be used as the client software module of mobile phone or panel computer.See Figure 11, comprise with lower module:
Package module, for being arranged the animation effect of page elements in the page by software for composing, is packaged into packet;
Download module, for downloading described packet and resolving;
Memory module, for preserving each page elements and described animation effect of parsing with the form of array;
Playing module, for the playing sequence according to animation, extracts each page elements and animation effect and plays from described array.
Device in above-described embodiment, except the function of modules, the method step in above-described embodiment, can be in the apparatus of the present integrated.
Obviously, those skilled in the art should be understood that, above-mentioned of the present invention each module or each step can realize with general calculation element, they can concentrate on single calculation element, or be distributed on network that multiple calculation element forms, alternatively, they can realize with the executable program code of calculation element, thus, they can be stored and be performed by calculation element in the storage device, or they are made into each integrated circuit modules respectively, or the multiple module in them or step are made into single integrated circuit module to realize.Like this, the present invention is not restricted to any specific hardware and software combination.
The foregoing is only the preferred embodiments of the present invention, be not limited to the present invention, for a person skilled in the art, the present invention can have various modifications and variations.Within the spirit and principles in the present invention all, any amendment done, equivalent replacement, improvement etc., all should be included within protection scope of the present invention.
Claims (9)
1. realize a method for animation effect, it is characterized in that, comprising:
The animation effect of page elements in the page is set by software for composing, is packaged into packet;
Download described packet and resolve;
Each page elements and described animation effect of parsing is preserved with the form of array;
According to the playing sequence of animation, from described array, extract each page elements and animation effect and play.
2. method according to claim 1, is characterized in that, the data forming the described page belong to the page data as periodical;
The process of the described page elements arranged in the page comprises:
One or more page elements on the selected page;
Choose the multiple animation effects corresponding with each page elements.
3. method according to claim 1, is characterized in that, described extraction and play process comprise:
Each described page elements comprises multiple layer;
Successively perform following process:
In described array, traversal belongs to the array element of current layer and lower one deck; Wherein, the corresponding animation effect of each array element;
The described array element traversed is filled into described current layer and lower one deck, until all layers have all been filled;
Play the page of having filled array element.
4. method according to claim 1, is characterized in that, the array element of described current layer comprises:
The array element that the page preloads and the array element simultaneously shown with it.
5. method according to claim 4, is characterized in that, also comprises: do fault-tolerant processing to the page of the complete array element of described filling.
6. method according to claim 5, is characterized in that, the process of described fault-tolerant processing comprises:
Within a unit interval, other the animation effect of the page elements in current layer in the page except the animation effect of its correspondence is deleted.
7. method according to claim 1, is characterized in that, the form of described packet is the packet of dpub form.
8. the method according to claim 1 or 7, is characterized in that, adopts the packet of dpub form described in client downloads;
Packet described in the analytic application that described client uses under adopting ios system, Android system or WP system is also play.
9. realize a device for animation effect, it is characterized in that, comprising:
Package module, for being arranged the animation effect of page elements in the page by software for composing, is packaged into packet;
Download module, for downloading described packet and resolving;
Memory module, for preserving each page elements and described animation effect of parsing with the form of array;
Playing module, for the playing sequence according to animation, extracts each page elements and animation effect and plays from described array.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310434781.0A CN104463932B (en) | 2013-09-22 | 2013-09-22 | The method and apparatus for realizing animation effect |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310434781.0A CN104463932B (en) | 2013-09-22 | 2013-09-22 | The method and apparatus for realizing animation effect |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104463932A true CN104463932A (en) | 2015-03-25 |
CN104463932B CN104463932B (en) | 2018-06-08 |
Family
ID=52909914
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310434781.0A Expired - Fee Related CN104463932B (en) | 2013-09-22 | 2013-09-22 | The method and apparatus for realizing animation effect |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104463932B (en) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105630912A (en) * | 2015-12-21 | 2016-06-01 | 北京中网易企秀科技有限公司 | Display material production apparatus and method |
CN106503117A (en) * | 2016-10-18 | 2017-03-15 | 天脉聚源(北京)传媒科技有限公司 | A kind of animated show method and device |
CN106528093A (en) * | 2016-10-18 | 2017-03-22 | 天脉聚源(北京)传媒科技有限公司 | Method and device for playing animation |
CN106528095A (en) * | 2016-10-20 | 2017-03-22 | 天脉聚源(北京)传媒科技有限公司 | Method and device for playing animation on terminal |
CN107463367A (en) * | 2017-06-22 | 2017-12-12 | 北京小度信息科技有限公司 | Transition cartoon implementing method and device |
CN107767431A (en) * | 2017-09-28 | 2018-03-06 | 北京知道创宇信息技术有限公司 | A kind of Web animation methods and computing device |
CN108073698A (en) * | 2017-12-11 | 2018-05-25 | 武汉斗鱼网络科技有限公司 | Real-time animation display methods, device, electric terminal and readable storage medium storing program for executing |
CN110662105A (en) * | 2019-10-16 | 2020-01-07 | 广州华多网络科技有限公司 | Animation file generation method and device and storage medium |
CN111311715A (en) * | 2020-02-14 | 2020-06-19 | 北京三快在线科技有限公司 | Method and device for adding animation effect in webpage |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6801215B1 (en) * | 2001-11-29 | 2004-10-05 | At&T Corp. | Hardware-assisted visibility-ordering algorithm |
CN101577760A (en) * | 2009-05-26 | 2009-11-11 | 深圳市融创天下科技发展有限公司 | Method for playing animation when cell phone installed with KJAVA application software is networked |
CN101901274A (en) * | 2010-08-11 | 2010-12-01 | 深圳市茁壮网络股份有限公司 | Method and device for achieving special effects of webpage |
-
2013
- 2013-09-22 CN CN201310434781.0A patent/CN104463932B/en not_active Expired - Fee Related
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6801215B1 (en) * | 2001-11-29 | 2004-10-05 | At&T Corp. | Hardware-assisted visibility-ordering algorithm |
CN101577760A (en) * | 2009-05-26 | 2009-11-11 | 深圳市融创天下科技发展有限公司 | Method for playing animation when cell phone installed with KJAVA application software is networked |
CN101901274A (en) * | 2010-08-11 | 2010-12-01 | 深圳市茁壮网络股份有限公司 | Method and device for achieving special effects of webpage |
Non-Patent Citations (1)
Title |
---|
周疏影等: "飞翔2012和Indesign CS6中文电子书制作功能比较", 《出版与印刷》 * |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105630912A (en) * | 2015-12-21 | 2016-06-01 | 北京中网易企秀科技有限公司 | Display material production apparatus and method |
CN106503117A (en) * | 2016-10-18 | 2017-03-15 | 天脉聚源(北京)传媒科技有限公司 | A kind of animated show method and device |
CN106528093A (en) * | 2016-10-18 | 2017-03-22 | 天脉聚源(北京)传媒科技有限公司 | Method and device for playing animation |
CN106528095A (en) * | 2016-10-20 | 2017-03-22 | 天脉聚源(北京)传媒科技有限公司 | Method and device for playing animation on terminal |
CN107463367B (en) * | 2017-06-22 | 2021-05-18 | 北京星选科技有限公司 | Transition animation realization method and device |
CN107463367A (en) * | 2017-06-22 | 2017-12-12 | 北京小度信息科技有限公司 | Transition cartoon implementing method and device |
CN107767431A (en) * | 2017-09-28 | 2018-03-06 | 北京知道创宇信息技术有限公司 | A kind of Web animation methods and computing device |
CN107767431B (en) * | 2017-09-28 | 2021-06-01 | 北京知道创宇信息技术股份有限公司 | Web animation production method and computing device |
CN108073698A (en) * | 2017-12-11 | 2018-05-25 | 武汉斗鱼网络科技有限公司 | Real-time animation display methods, device, electric terminal and readable storage medium storing program for executing |
CN108073698B (en) * | 2017-12-11 | 2019-08-23 | 武汉斗鱼网络科技有限公司 | Real-time animation display methods, device, electric terminal and readable storage medium storing program for executing |
WO2019114158A1 (en) * | 2017-12-11 | 2019-06-20 | 武汉斗鱼网络科技有限公司 | Real-time animation display method and device, electronic terminal, and readable storage medium |
CN110662105A (en) * | 2019-10-16 | 2020-01-07 | 广州华多网络科技有限公司 | Animation file generation method and device and storage medium |
CN111311715A (en) * | 2020-02-14 | 2020-06-19 | 北京三快在线科技有限公司 | Method and device for adding animation effect in webpage |
CN111311715B (en) * | 2020-02-14 | 2023-07-21 | 北京三快在线科技有限公司 | Method and device for adding animation effect in webpage |
Also Published As
Publication number | Publication date |
---|---|
CN104463932B (en) | 2018-06-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104463932A (en) | Animation effect achieving method and device | |
EP2282272B1 (en) | Method, system and device for presenting advertisement | |
CN102930523B (en) | Picture processing system and picture splicing implementation method | |
CN109766457B (en) | Media content searching method, device and storage medium | |
US20090307602A1 (en) | Systems and methods for creating and sharing a presentation | |
CN107484019A (en) | The dissemination method and device of a kind of video file | |
CN110719524A (en) | Video playing method and device, intelligent playing equipment and storage medium | |
CN108647313A (en) | A kind of real-time method and system for generating performance video | |
CN105338419A (en) | Subtitle collection generating method and apparatus | |
CN103268405B (en) | A kind of methods, devices and systems for obtaining game information | |
CN111803951A (en) | Game editing method and device, electronic equipment and computer readable medium | |
CN111432284B (en) | Bullet screen interaction method of multimedia terminal and multimedia terminal | |
CN107864122A (en) | A kind of display methods and device of even wheat main broadcaster's live TV stream | |
CN101951376A (en) | Method, equipment and system for processing advertisement | |
CN103986938A (en) | Preview method and system based on video playing | |
CN107959817A (en) | A kind of caption presentation method and device | |
CN108616768B (en) | Synchronous playing method and device of multimedia resources, storage position and electronic device | |
CN114245228A (en) | Page link releasing method and device and electronic equipment | |
CN103856827B (en) | Service simulation interaction-based video content obtaining method and system | |
CN114501100A (en) | Live broadcast page skipping method and system | |
CN111083504B (en) | Interaction method, device and equipment | |
CN107729543A (en) | Expression picture recommends method and apparatus | |
CN107205177A (en) | Video broadcasting method and device | |
CN104637507B (en) | The method, apparatus and blue light player of plug-in captions loading | |
CN113259705A (en) | Method and device for recording and synthesizing video |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20180608 Termination date: 20190922 |
|
CF01 | Termination of patent right due to non-payment of annual fee |