CN107038735A - It is a kind of to realize the method and system that entity opens animation - Google Patents
It is a kind of to realize the method and system that entity opens animation Download PDFInfo
- Publication number
- CN107038735A CN107038735A CN201710209891.5A CN201710209891A CN107038735A CN 107038735 A CN107038735 A CN 107038735A CN 201710209891 A CN201710209891 A CN 201710209891A CN 107038735 A CN107038735 A CN 107038735A
- Authority
- CN
- China
- Prior art keywords
- picture
- animation
- entity
- layer
- upset
- 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
- G06T13/20—3D [Three Dimensional] animation
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The method and system that entity opens animation are realized the invention discloses a kind of, it is adaptable to iOS and OS X platforms, be related to network technique field.This method comprises the following steps:The picture of entity and multiple figure layers for Loading Image are created, each Zhang Suoshu pictures show the outer surface of entity or at least one side of inner surface;The loading sequence and animation effect of picture in each figure layer picture loaded and the figure layer specified are set;All Layers are overlapped, and the animation execution sequence for the figure layer specified is set, so that showing the 3-D graphic for showing entity open mode in the 3-D graphic of entity closed mode, and the figure layer specified after the completion of all picture loadings when All Layers start to Load Image.The present invention is realized simply, dramatically reduces the workload of designer, it is adaptable to the scene that a variety of entities are opened, and meets the customization demand of user.
Description
The present invention relates to network technique field, a kind of method and system for realizing entity opening animation are specifically related to.
Background technology
In order to lift the experience that user uses application software, appropriate animated show can be added in Product Visual design
To lift the fluency at interface, lofty sense is reduced, or prompting user performs a certain operation, builds great-hearted Consumer's Experience.It is special
It is not the entity for " having opening/closing motion " such as the envelope in application software, gift box or precious casees, for example, user is answering
Received mail with interior, obtain gift bag or obtained stage property etc. in gaming, a kind of animation extremely dazzled open effect can strengthen with
The interaction effect of user and the Consumer's Experience for lifting products & services.Therefore, developer usually needs to design various animations
Special efficacy, so as to be injected vigour into for application.The entity shown in the market in the application software of most mobile terminals opens effect
Really, mainly realized by following two modes:1st, gif modes, exploitation is simple but EMS memory occupation is high, can influence to use to a certain extent
The fluency that family is used;2nd, plurality of pictures rotation is shown, brings a kind of visual animation carousel effect to user, but add
The workload of designer is, it is necessary to draw a variety of transitional effect figures, and customization degree is low.
The content of the invention
For defect present in prior art, it is a primary object of the present invention to provide one kind to realize that entity opens animation
Method, another object of the present invention is to provide it is a kind of realize entity open animation system, only need to according to entity close shape
The 3-D graphic of state and open mode, creates the picture of entity, is Loaded Image in order with default animation effect in figure layer
Entity can be achieved and opens animation, realizes simply, dramatically reduces the workload of designer.
The present invention provides a kind of method for realizing entity opening animation, it is adaptable to which iOS and OS X platforms, methods described includes
Following steps:
The picture of entity and at least two figure layers for loading the picture are created, each Zhang Suoshu pictures display is real
The outer surface of body or at least one side of inner surface;
The loading sequence of picture described in each figure layer picture loaded and the figure layer specified is set and dynamic
Draw effect;
All Layers are overlapped, and the animation execution sequence for the figure layer specified is set so that All Layers start to add
The 3-D graphic of entity closed mode is shown when carrying the picture, and in the figure layer specified after the completion of all picture loadings
Show the 3-D graphic of entity open mode.
On the basis of above-mentioned technical proposal, the animation effect of the picture includes picture upset and picture is slided.
On the basis of above-mentioned technical proposal, when the animation effect of the picture overturns for picture, the figure layer specified adds
The picture carried includes the picture before upset and after upset;
Setting the loading sequence and animation effect of picture described in the figure layer specified includes:
The total angle scope that picture is overturn is divided into two sections, and the figure layer specified loads upset in first paragraph angular range
Preceding picture, the picture in second segment angular range after loading upset;
The key-frame animation display parameters of the picture loaded in each section of angular range are set, and the key frame is moved
Drawing display parameters includes upset duration.
On the basis of above-mentioned technical proposal, when the animation effect of the picture overturns for picture, the figure layer specified adds
The picture carried also includes the picture in upset;
Setting the loading sequence and animation effect of picture described in the figure layer specified includes:
The total angle scope that picture is overturn is divided into the n section corresponding with the total quantity n of all pictures, n>1, figure
Layer i-th picture of loading in i-th section of angular range, 1≤i≤n, wherein, the 1st picture is the figure before upset
Piece, n-th picture is the picture after upset;
The key-frame animation display parameters of the picture loaded in each section of angular range are set, and the key frame is moved
Drawing display parameters includes upset duration.
On the basis of above-mentioned technical proposal, the key-frame animation of the picture loaded in each section of angular range is set to show
Show that parameter includes:Either segment angular range is divided into m subrange, m>1, set what is loaded in each described subrange
The key-frame animation display parameters of the picture, the key-frame animation display parameters include upset duration.
On the basis of above-mentioned technical proposal, the figure layer specified moves operation after being carried out after the completion of upset.
On the basis of above-mentioned technical proposal, when the animation effect of the picture is slided for picture, the figure specified is set
The loading sequence and animation effect of picture described in layer include:
The loading sequence of the picture is set and animation display parameters are slided, the slip animation display parameters include sliding
Position coordinates and slip duration afterwards.
On the basis of above-mentioned technical proposal, All Layers are overlapped so that All Layers start to load the figure
The 3-D graphic of entity closed mode is shown during piece to be included:
According to the 3-D graphic of entity closed mode, determine that All Layers start the side shown by the picture of loading
Correlation, be sequentially overlapped All Layers so that figure layer above covers figure layer below, and figure layer above is loaded
Picture it is corresponding with the position for the picture that figure layer below is loaded.
The present invention also provides a kind of system for realizing entity opening animation, it is adaptable to iOS and OS X platforms, the system bag
Include:
Creation module, its picture for being used to create entity and multiple figure layers for loading the picture, each institute
State picture and show the outer surface of entity or at least one side of inner surface;
Picture setup module, it is used in all pictures for setting each figure layer to be loaded and the figure layer specified
The loading sequence and animation effect of the picture;
Figure layer setup module, it is used to be overlapped All Layers, and sets the animation execution sequence of figure layer specified,
So that All Layers show the 3-D graphic of entity closed mode when starting to load the picture, and own in the figure layer specified
The 3-D graphic of entity open mode is shown after the completion of the picture loading.
On the basis of above-mentioned technical proposal, the animation effect of the picture includes picture upset and picture is slided.
Compared with prior art, advantages of the present invention is as follows:
(1) picture of entity according to entity closed mode and the 3-D graphic of open mode, need to be only created, is pressed in figure layer
Order and default animation effect, which Load Image, can be achieved entity opening animation, and realization is simple, dramatically reduces designer
The workload of member.
(2) it need to only change the picture of loading and adjust the relative position of picture, you can the field opened suitable for a variety of entities
Scape, it is easy to use, drastically increase development efficiency.
(3) animation display parameters can be configured as needed, and interaction is friendly, meets the customization demand of user.
Brief description of the drawings
Fig. 1 is that the embodiment of the present invention realizes that entity opens the method flow diagram of animation;
Fig. 2 is that the embodiment of the present invention realizes that entity opens the system schematic of animation.
Embodiment
Below in conjunction with the accompanying drawings and specific embodiment the present invention is described in further detail.
The present invention is a kind of scheme for the method for realizing entity opening animation, and its thinking is:Core animation based on iOS
(Core Animation), i.e. core animation can change figure layer CALayer attribute when creating, and allow it to change glibly.
Figure layer is the place that animation occurs, and base animation CABasicAnimation is simply to set and changed to the attribute of figure layer
To realize basic animation effect, CAKeyframAnimation provides key-frame animation support, designated key path and every
The array of individual stage respective value, time.After animation display parameters are provided with and started, core animation just can be with complete independently phase
The animation frame answered.Animation is realized easy to use, realizes that memory consumption is small using iOS cores animation.
Shown in Figure 1 based on above-mentioned thinking, the embodiment of the present invention provides a kind of method for realizing entity opening animation,
Suitable for iOS and OS X platforms, comprise the following steps:
S1. the picture of entity and at least two figure layers for Loading Image are created, each pictures show entity
At least one side of outer surface or inner surface.
S2., the loading sequence of picture and animation effect in each figure layer picture loaded and the figure layer specified are set
Really.
S3. All Layers are overlapped, and the animation execution sequence for the figure layer specified is set so that All Layers start
The 3-D graphic of entity closed mode is shown when Loading Image, and shows real after the completion of all picture loadings in the figure layer specified
The 3-D graphic of body open mode.
Wherein, entity is usually three-dimensional, and 3-D graphic is three that entity is shown on the computer screen of planar
Tie up effect.The outer surface of display entity before entity is opened, entity shows outer surface and/or the inner surface of entity after opening, for example
The outer surface of the whole envelope of display before envelope is opened, envelope can show the inner surface and mail therein of envelope after opening,
A part of inner surface (such as envelope capping) and mail for the envelope opened can be only shown, the front side of envelope and rear side still retain
The picture of outer surface, can flexibly be determined when creating picture according to actual conditions.
The picture of entity according to entity closed mode and the 3-D graphic of open mode, need to be only created, by suitable in figure layer
Sequence and default animation effect, which Load Image, can be achieved entity opening animation, realizes simply, dramatically reduces designer
Workload.
The animation effect of picture include picture upset and picture slide, can also include transition effect, such as fade effect,
Effect etc. is left into coverage effect, release effect and exposure.At least two figure layers include the figure layer specified, when moving for picture
When drawing effect for picture upset, the picture for the figure layer loading specified includes the preceding picture with after upset of upset.For example, before upset
Picture shows a side of the outer surface of entity, and the picture after upset shows the side phase with outer surface on the inner surface of entity
Corresponding side.
Setting the loading sequence and animation effect of picture in the figure layer specified includes:
The total angle scope that picture is overturn is divided into two sections, and the figure layer specified loads upset in first paragraph angular range
Preceding picture, the picture in second segment angular range after loading upset.
The key-frame animation display parameters of the picture loaded in each section of angular range, key-frame animation display ginseng are set
Number includes overturning duration.Specifically, either segment angular range is divided into m subrange, m>1, set in each subrange
The key-frame animation display parameters of the picture loaded, key-frame animation display parameters include upset duration.
The picture for the figure layer loading specified also includes the picture in upset, sets the loading sequence of picture in the figure layer specified
Include with animation effect:
The total angle scope that picture is overturn is divided into the n section corresponding with the total quantity n of all pictures, n>1, figure layer exists
The i-th pictures of loading in i-th section of angular range, 1≤i≤n, wherein, the 1st pictures are the picture before upset, and the n-th pictures are
Picture after upset.
The key-frame animation display parameters of the picture loaded in each section of angular range, key-frame animation display ginseng are set
Number includes overturning duration.Specifically, either segment angular range is divided into m subrange, m>1, set in each subrange
The key-frame animation display parameters of the picture loaded, key-frame animation display parameters include upset duration.
On opportunity by setting key-frame animation display parameters, duration and switching picture etc., user is allowed visually will not
Feel lofty, and be detectable the change of picture.It is identical with gif effects, but because using system function, internal memory is accounted for
With very small.The implementation played relative to picture rotation, reusability is stronger.
The figure layer specified moves operation after being carried out after the completion of upset, it is to avoid block other figure layers in subsequent step.
When the animation effect of picture is slided for picture, the loading sequence and animation effect of picture in the figure layer specified are set
Including:The loading sequence of picture is set and animation display parameters are slided, the position after sliding animation display parameters including sliding is sat
Mark and slip duration.
Position coordinates and slip duration before and after need to be only set, and animation just can be according to setting after starting
Slide animation display parameters to show, code is very succinct efficient.Animation display parameters can be configured as needed, and interaction is friendly, full
The customization demand of sufficient user.
All Layers are overlapped so that the graphics of entity closed mode is shown when All Layers start to Load Image
Shape includes:According to the 3-D graphic of entity closed mode, determine that All Layers start the phase of the side shown by the picture of loading
Mutual relation, is sequentially overlapped All Layers so that figure layer above covers figure layer below, and the figure that figure layer above is loaded
Piece is corresponding with the position for the picture that figure layer below is loaded.
In step S2 and S3, in order to show the 3-D graphic of entity closed mode, each figure layer institute can be first set
The picture of loading, relative position of the picture loaded in the 3-D graphic of entity closed mode, which is determined, loads the picture
Superposition order of the figure layer when All Layers are overlapped.Alternatively, it is also possible to be first overlapped to All Layers, then each
Figure layer loads corresponding picture, for example, figure layer above loads the picture of the leading flank of entity, figure layer below loads entity
The picture of trailing flank.When the 3-D graphic of entity is shown on the computer screen of planar, figure layer above is close to observation
Person (such as user), figure layer below is away from observer.After the completion of all picture loadings, the picture loaded is in entity open shape
Relative position in the 3-D graphic of state determines superposition order of the figure layer for loading the picture when All Layers are overlapped,
To show the 3-D graphic of entity open mode.
It is laid out successively according to this order, blocking for visual effect can be realized, the 3D effect of entity, i.e. animation is presented
Start before display entity closed mode 3-D graphic, animation terminate after entity closed mode 3-D graphic.
The picture of loading need to only be changed and the relative position of picture is adjusted, you can the scene opened suitable for a variety of entities,
It is easy to use, drastically increase development efficiency.
Below by taking envelope as an example, the process that implements to the present invention is further described.
To realize the animation of envelope unlatching, mail ejection, the picture of envelope is created first, and each pictures show envelope
Outer surface or a side of inner surface, specifically, the picture of envelope include envelope front cover, envelope renovate, mail and envelope
Bottom.Needs establishment letter is renovated because the picture that envelope renovates when envelope is closed and is opened is different, therefore for envelope
Seal the outer surface renovated and the pictures of inner surface two.Creating four figure layers is used to load these pictures:Rear side figure layer (envelope bottom
Portion), front side figure layer (envelope front cover), top figure layer (envelope is renovated) and internal figure layer (mail).
Secondly, the loading sequence of picture and animation effect in each figure layer picture loaded and the figure layer specified are set
Really,
Finally, All Layers are overlapped, and the animation execution sequence for the figure layer specified is set so that All Layers are opened
Beginning shows the 3-D graphic of entity closed mode when Loading Image, and is shown in the figure layer specified after the completion of all picture loadings
The 3-D graphic of entity open mode.
Specifically, rear side figure layer, front side figure layer, top figure layer and internal figure layer load respectively envelope bottom, envelope front cover,
Outer surface that envelope is renovated and mail simultaneously shows envelope closing after being superimposed.The picture loaded in other figure layers is constant, top figure layer
During the inner surface that loading envelope is renovated, show that envelope is opened after All Layers superposition.
Using four figure layers, fixed rear side figure layer and front side figure layer set animation effect to top figure layer and internal figure layer,
The envelope opening animation realized is consistent with the opening form of envelope in reality, meets operating habit and the cognition of most of users
Experience, improves the usage experience of user.
, it is necessary to be laid out successively in order to four figure layers when All Layers are overlapped, rear side figure layer is located at most bottom
In layer, internal one layer disposed thereon of figure layer, the internally positioned figure layer of front side figure layer, top figure layer is located at top.And interior view
The top edge for the mail that layer is loaded is less than the bottom of the top edge for the envelope bottom that rear side figure layer is loaded, mail and envelope bottom
Edge and left and right edges are alignd respectively.Similarly, the added envelope carried of envelope front cover and top figure layer that front side figure layer is loaded
The respective edges for renovating the envelope bottom loaded respectively with rear side figure layer are alignd.
It is laid out successively according to this order, blocking for visual effect can be realized, the 3D effect of entity, i.e. animation is presented
Start before display entity closed mode 3-D graphic, animation terminate after entity closed mode 3-D graphic.
When setting the loading sequence and animation effect that envelope is renovated in the figure layer of top, envelope renovates the total angle scope of upset
For 180 degree, the total angle scope that envelope can be renovated to upset is divided into two sections:0 degree to 90 degree and 90 degree to 180 degree.Top
Portion's figure layer loads the outer surface that envelope is renovated at 0 degree to 90 degree, the inner surface that envelope is renovated is loaded at 90 degree to 180 degree, in figure
Piece switches picture when being 90 degree in the case of user's vision, to realize to the seamless connection in user's visual effect.To make
Obtain rollover effect more to link up, realized using key-frame animation so that rotation attributes are changed between multiple values, can
To regard several base animations continuously performed as, just as a frame frame makes broadcasting.
In envelope renovates 0 degree to 90 degree of upset, 0 degree to 45 degree and 45 degree to 90 degree two sub- models can also be divided into
Enclose, seamlessly transitted to realize, each subrange duration respectively accounts for the 50% of upset duration, for example, overturn duration according to animation
0.7s is usually arranged as to the duration for visually producing image of people.For different entities, such as opening of precious case, due to renovating
Itself have weight, overturn 0 to 30 degree, 30 degree to 60 degree, 60 to 90 spend speed be typically different, so that it may by setting
Different execution durations is put to meet user's visual custom.
Specific code is realized as follows:
CATransform3D rotationTransform=
CATransform3DMakeRotation(M_PI_2,1.0,0.0,0.0);
CAKeyframeAnimation*animation=
[CAKeyframeAnimationanimationWithKeyPath:@"transform"];
Animation.keyTimes=@[@0 ,@0.5 ,@1];
Animation.values=@[[NSValue
valueWithCATransform3D:CATransform3DIdentity],[NSValue
valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4,1,0,0)],
[NSValue
valueWithCATransform3D:CATransform3DMakeRotation(M_PI_2,1,0,0)]];
Animation.duration=0.7;
Animation.repeatCount=1;
Animation.delegate=self;
Animation.fillMode=kCAFillModeForwards;
[animation setValue:@"animation1"forKey:ANIMATIONKEY];
Top.layer.transform=rotationTransform;
[top.layeraddAnimation:animationforKey:@"animation1"];
After animation has performed or be removed, the automatic calling system method of meeting (is to be adjusted after animation is performed when flag is YES
With),
(void)animationDidStop:(CAAnimation*)animfinished:(BOOL)flag;
Specifically, realizing that top figure layer switches picture using the function.
On opportunity by setting key-frame animation parameter, duration and switching picture etc., user will not visually feel
It is lofty, and it is detectable the change of picture.It is identical with gif effects, but because using system function, EMS memory occupation is non-
It is often small.The implementation played relative to picture rotation, reusability is stronger.
Renovate and turn 90 degrees into 180 degree in envelope, using with 0 degree to 90 degree identical method, change key-frame animation
Angle subrange, duration parameters etc..After animation terminates, it will move to and be in rear side figure layer in same level after figure layer,
Avoid blocking the inside figure layer ejected in subsequent step.
When setting the loading sequence of mail and animation effect in internal figure layer, mail is moved up from bottom, and x-axis coordinate is kept not
Become, modification y-coordinate value realizes that substantially code is realized as follows to correct position using base animation:
CABasicAnimation*animation=
[CABasicAnimationanimationWithKeyPath:@"position.y"];
CGFloatoriginPositionX=self.letter.layer.position.x;
CGFloatoriginPositionY=self.letter.layer.position.y;
CGFloatendPositionX=originPositionX;
CGFloatendPositionY=originPositionY-backDownHeight-
backTopHeight-20;
Animation.fromValue=@(originPositionY);
Animation.toValue=@(endPositionY);
Animation.duration=1;
Animation.repeatCount=1;
Animation.delegate=self;
[animation setRemovedOnCompletion:YES];
[animation setValue:@"animation3"forKey:ANIMATIONKEY];
[self.letter.layersetPosition:CGPointMake(endPositionX,
endPositionY)];
[self.letter.layeraddAnimation:animationforKey:@"animation3"];
After envelope is opened, mail is ejected to correct position, is now controlled without using key-frame animation, and is changed to adopt
Realized with base animation.Position coordinates and slip duration before and after need to be only set, and animation just can be pressed after starting
Show according to the slip animation display parameters of setting, code is very succinct efficient.
It is shown in Figure 2, the embodiment of the present invention also provide it is a kind of realize entity open animation system, it is adaptable to iOS and
OS X platforms, the system includes:
Creation module is used to create the picture of entity and multiple figure layers for Loading Image, and each pictures display is real
The outer surface of body or at least one side of inner surface.
Picture setup module is used to set picture in each figure layer all pictures loaded and the figure layer specified
Loading sequence and animation effect.
Figure layer setup module is used to be overlapped All Layers, and sets the animation execution sequence for the figure layer specified, and makes
Obtain when All Layers start to Load Image and show the 3-D graphic of entity closed mode, and all pictures add in the figure layer specified
The 3-D graphic of entity open mode is shown after the completion of load.
The animation effect of picture includes picture upset and picture is slided.
The picture of entity according to entity closed mode and the 3-D graphic of open mode, need to be only created, core animation is utilized
The figure layer carried Loads Image, and after setting animation display parameters are completed and started, core animation just can be corresponding with complete independently
Animation frame.Animation is realized easy to use, and memory consumption is small, dramatically reduces the workload of designer, animation display parameters
It can configure as needed, interaction is friendly, meets the customization demand of user.
The present invention is not limited to the above-described embodiments, for those skilled in the art, is not departing from
On the premise of the principle of the invention, some improvements and modifications can also be made, these improvements and modifications are also considered as the protection of the present invention
Within the scope of.The content not being described in detail in this specification belongs to prior art known to professional and technical personnel in the field.
Claims (10)
1. a kind of realize the method that entity opens animation, it is adaptable to iOS and OS X platforms, it is characterised in that methods described includes
Following steps:
The picture of entity and at least two figure layers for loading the picture are created, each Zhang Suoshu pictures show entity
At least one side of outer surface or inner surface;
The loading sequence of picture described in each figure layer picture loaded and the figure layer specified and animation is set to imitate
Really;
All Layers are overlapped, and the animation execution sequence for the figure layer specified is set so that All Layers start to load institute
The 3-D graphic of entity closed mode is shown when stating picture, and is shown in the figure layer specified after the completion of all picture loadings
The 3-D graphic of entity open mode.
2. as claimed in claim 1 realize the method that entity opens animation, it is characterised in that:The animation effect bag of the picture
Include picture upset and picture is slided.
3. as claimed in claim 2 realize the method that entity opens animation, it is characterised in that when the animation effect of the picture
When being overturn for picture, the picture for the figure layer loading specified includes the picture before upset and after upset;
Setting the loading sequence and animation effect of picture described in the figure layer specified includes:
The total angle scope that picture is overturn is divided into two sections, and the figure layer specified is loaded in first paragraph angular range before upset
Picture, the picture in second segment angular range after loading upset;
The key-frame animation display parameters of the picture loaded in each section of angular range are set, and the key-frame animation shows
Show that parameter includes upset duration.
4. as claimed in claim 2 realize the method that entity opens animation, it is characterised in that:When the animation effect of the picture
When being overturn for picture, the picture for the figure layer loading specified also includes the picture in upset;
Setting the loading sequence and animation effect of picture described in the figure layer specified includes:
The total angle scope that picture is overturn is divided into the n section corresponding with the total quantity n of all pictures, n>1, figure layer exists
I-th picture of loading in i-th section of angular range, 1≤i≤n, wherein, the 1st picture is the picture before upset, n-th
Zhang Suoshu pictures are the picture after upset;
The key-frame animation display parameters of the picture loaded in each section of angular range are set, and the key-frame animation shows
Show that parameter includes upset duration.
5. realize the method that entity opens animation, it is characterised in that each section of angle model is set as described in claim 3 or 4
Enclosing the key-frame animation display parameters of interior loaded picture includes:Either segment angular range is divided into m subrange, m>1,
The key-frame animation display parameters of the picture loaded in each described subrange are set, and the key-frame animation is shown
Parameter includes upset duration.
6. as claimed in claim 5 realize the method that entity opens animation, it is characterised in that:The figure layer specified is completed in upset
Operation is moved after carrying out afterwards.
7. as claimed in claim 2 realize the method that entity opens animation, it is characterised in that when the animation effect of the picture
When being slided for picture, setting the loading sequence and animation effect of picture described in the figure layer specified includes:
The loading sequence of the picture is set and animation display parameters are slided, the slip animation display parameters are included after sliding
Position coordinates and slip duration.
8. as claimed in claim 1 realize the method that entity opens animation, it is characterised in that All Layers are overlapped,
So that All Layers show that the 3-D graphic of entity closed mode includes when starting to load the picture:
According to the 3-D graphic of entity closed mode, determine that All Layers start the phase of the side shown by the picture of loading
Mutual relation, is sequentially overlapped All Layers so that figure layer above covers figure layer below, and the figure that figure layer above is loaded
Piece is corresponding with the position for the picture that figure layer below is loaded.
9. a kind of realize the system that entity opens animation, it is adaptable to iOS and OS X platforms, it is characterised in that the system includes:
Creation module, its picture for being used to create entity and multiple figure layers for loading the picture, each Zhang Suoshu figures
Piece shows the outer surface of entity or at least one side of inner surface;
Picture setup module, it is used for picture described in the picture for setting each figure layer to be loaded and the figure layer specified
Loading sequence and animation effect;
Figure layer setup module, it is used to be overlapped All Layers, and sets the animation execution sequence for the figure layer specified so that
All Layers show the 3-D graphic of entity closed mode when starting to load the picture, and in the figure layer specified it is all described
The 3-D graphic of entity open mode is shown after the completion of picture loading.
10. as claimed in claim 9 realize the system that entity opens animation, it is characterised in that the animation effect of the picture
Slided including picture upset and picture.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710209891.5A CN107038735B (en) | 2017-03-31 | 2017-03-31 | Method and system for realizing entity opening animation |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710209891.5A CN107038735B (en) | 2017-03-31 | 2017-03-31 | Method and system for realizing entity opening animation |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107038735A true CN107038735A (en) | 2017-08-11 |
CN107038735B CN107038735B (en) | 2021-02-02 |
Family
ID=59534777
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710209891.5A Active CN107038735B (en) | 2017-03-31 | 2017-03-31 | Method and system for realizing entity opening animation |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107038735B (en) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107507283A (en) * | 2017-08-21 | 2017-12-22 | 广州视源电子科技股份有限公司 | Expansion rendering method, device, electronic equipment and the storage medium of solid figure |
CN109600558A (en) * | 2018-07-11 | 2019-04-09 | 北京字节跳动网络技术有限公司 | Method and apparatus for generating information |
CN110300047A (en) * | 2018-03-23 | 2019-10-01 | 腾讯科技(深圳)有限公司 | A kind of animation playing method, device and storage medium |
CN110704138A (en) * | 2018-06-25 | 2020-01-17 | 马上消费金融股份有限公司 | Animation effect realization method and device and computer readable storage medium |
CN112214856A (en) * | 2020-11-04 | 2021-01-12 | 上海理工大学 | Precision machine tool rigidity optimization design method for overall structure |
CN112882638A (en) * | 2021-02-23 | 2021-06-01 | 上海哔哩哔哩科技有限公司 | Multi-layer animation display method and device |
CN112882637A (en) * | 2021-02-23 | 2021-06-01 | 上海哔哩哔哩科技有限公司 | Interaction method for multi-layer animation display and browser |
CN113476852A (en) * | 2021-07-02 | 2021-10-08 | 网易(杭州)网络有限公司 | Virtual object acquisition method and device, electronic equipment and storage medium |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104537702A (en) * | 2014-12-01 | 2015-04-22 | 苏州乐米信息科技有限公司 | Animation simulation method for mobile phone software |
CN104778735A (en) * | 2014-01-14 | 2015-07-15 | 腾讯科技(深圳)有限公司 | Animation generation method and device based on irregular figure |
-
2017
- 2017-03-31 CN CN201710209891.5A patent/CN107038735B/en active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104778735A (en) * | 2014-01-14 | 2015-07-15 | 腾讯科技(深圳)有限公司 | Animation generation method and device based on irregular figure |
CN104537702A (en) * | 2014-12-01 | 2015-04-22 | 苏州乐米信息科技有限公司 | Animation simulation method for mobile phone software |
Non-Patent Citations (3)
Title |
---|
ROB NAPIER等: "《iOS编程实战》", 30 September 2014 * |
佚名: "一种使用GSAP的模式信封动画", 《HTTPS://GITHUB.COM/PSTRAWBERRIEDEV/GSAP-ENVELOPE》 * |
佚名: "仿星巴克App的星星滚动动画展示", 《HTTPS://GITHUB.COM/YESIDI/STARBUCKSANIMATION》 * |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107507283A (en) * | 2017-08-21 | 2017-12-22 | 广州视源电子科技股份有限公司 | Expansion rendering method, device, electronic equipment and the storage medium of solid figure |
CN107507283B (en) * | 2017-08-21 | 2019-06-25 | 广州视源电子科技股份有限公司 | Expansion rendering method, device, electronic equipment and the storage medium of solid figure |
US11100722B2 (en) | 2017-08-21 | 2021-08-24 | Guangzhou Shiyuan Electronics Co., Ltd. | Method, apparatus, electronic device, and storage medium for displaying 3D shape in expanded manner |
CN110300047B (en) * | 2018-03-23 | 2021-10-08 | 腾讯科技(深圳)有限公司 | Animation playing method and device and storage medium |
CN110300047A (en) * | 2018-03-23 | 2019-10-01 | 腾讯科技(深圳)有限公司 | A kind of animation playing method, device and storage medium |
CN110704138B (en) * | 2018-06-25 | 2021-04-23 | 马上消费金融股份有限公司 | Animation effect realization method and device and computer readable storage medium |
CN110704138A (en) * | 2018-06-25 | 2020-01-17 | 马上消费金融股份有限公司 | Animation effect realization method and device and computer readable storage medium |
CN109600558B (en) * | 2018-07-11 | 2021-08-13 | 北京字节跳动网络技术有限公司 | Method and apparatus for generating information |
CN109600558A (en) * | 2018-07-11 | 2019-04-09 | 北京字节跳动网络技术有限公司 | Method and apparatus for generating information |
CN112214856A (en) * | 2020-11-04 | 2021-01-12 | 上海理工大学 | Precision machine tool rigidity optimization design method for overall structure |
CN112882638A (en) * | 2021-02-23 | 2021-06-01 | 上海哔哩哔哩科技有限公司 | Multi-layer animation display method and device |
CN112882637A (en) * | 2021-02-23 | 2021-06-01 | 上海哔哩哔哩科技有限公司 | Interaction method for multi-layer animation display and browser |
CN113476852A (en) * | 2021-07-02 | 2021-10-08 | 网易(杭州)网络有限公司 | Virtual object acquisition method and device, electronic equipment and storage medium |
Also Published As
Publication number | Publication date |
---|---|
CN107038735B (en) | 2021-02-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107038735A (en) | It is a kind of to realize the method and system that entity opens animation | |
CN108876931A (en) | Three-dimension object color adjustment method, device, computer equipment and computer readable storage medium | |
US10719910B2 (en) | Customizing virtual assets | |
Misek | Chromatic cinema: A history of screen color | |
US5977979A (en) | Simulated three-dimensional display using bit-mapped information | |
CN107423458A (en) | Steel manufacture process analogue system | |
CN106910236A (en) | Rendering indication method and device in a kind of three-dimensional virtual environment | |
CN107274493A (en) | A kind of three-dimensional examination hair style facial reconstruction method based on mobile platform | |
CN108295467A (en) | Rendering method, device and the storage medium of image, processor and terminal | |
CN110111417A (en) | Generation method, device and the equipment of three-dimensional partial body's model | |
CN105261055B (en) | A kind of game role costume changing method, device and terminal | |
CN108447111A (en) | Processing method, device, storage medium, processor and the terminal of normal map | |
CN110163801A (en) | A kind of Image Super-resolution and color method, system and electronic equipment | |
CN104063888B (en) | A kind of wave spectrum artistic style method for drafting based on feeling of unreality | |
EP3546036B1 (en) | Composing an image | |
Bowers et al. | A ray tracing approach to diffusion curves | |
CN103927779B (en) | Method for generating two-dimensional animation on basis of configuration | |
Chittenden | Tilt Brush painting: Chronotopic adventures in a physical-virtual threshold | |
CN107704300A (en) | Information processing method and electronic equipment | |
CN106548392A (en) | A kind of virtual fitting implementation method based on webGL technologies | |
CN107019913A (en) | Object generation method and device | |
CN101958002A (en) | Image processing apparatus and image processing method | |
CN105096358A (en) | Line enhanced simulation method for pyrography artistic effect | |
CN105617655B (en) | Physical effect methods of exhibiting, device and game system | |
CN107578467A (en) | A kind of medicine equipment three-dimensional modeling method and device |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |