How To Loop Animation 2 Times In Animate Cc

Introduction

There are a number of ways to loop animations within Breathing CC but the method with the near control (without lawmaking) is through use of the Graphic symbol. Through smart employ of well-placed keyframes, you accept full control over the looping behavior of this symbol type. We tin can also create looping animations with the MovieClip Symbol. Each has its ain unique properties when it comes to looping beliefs and we will have a look at both in this commodity.

The Sample Certificate

Download FLA

In the example certificate, we can see a variety of looping mechanisms at work. The most obvious is that main timeline loops continually. You lot can meet this in action by testing the published animation in your web browser. If we desire to finish the animation from looping, we tin apply a chip of code to so. Or since this an HTML5 Canvas certificate type, we tin instruct the animation to finish at the last frame from the Publish Settings.

Looping Options

In addition to the main timeline – the sun loops continuously as a MovieClip symbol and the cloud crosses the sky three times every bit a Graphic Symbol. We'll now have a quick await at both these mechanisms and some of the options for decision-making them.

MovieClip Symbols

1 of the unique things virtually MovieClip symbols is that their timelines run completely independent of any other timeline. This means that even if an instance of a MovieClip symbol exists upon simply a single frame of its containing timeline… it will continue to loop of its own accord. The second great thing about MovieClip symbols is that their instances tin can exist assigned an "instance name" and then controlled through either ActionScript or JavaScript. Using such a construct, y'all can rails the number of times a MovieClip symbol loops and stop it at a sure point with lawmaking.

The image below shows the internal timeline of the Sun MovieClip. Information technology has just 2 keyframes and the differences betwixt the two provide for the flickering blitheness seen when the project is run. Notice every bit well that the sun instance continues to flicker throughout the entire blitheness.

MovieClip symbols are perfect for nested, continuous, looping animation which runs contained of the parent timeline.

Graphic Symbols

If you lot don't want to deal with code, but even so want to retain some measure of control over an internal piece of animated content… the Grapheme is a corking selection. Unlike MovieClip symbols, the Graphic symbol timeline is bound directly… frame-by-frame… to the parent timeline. This makes it very easy to know how many frames of animation a Graphic symbol instance will occupy across the master timeline. Graphic symbol instances, yet, cannot exist given instance names and cannot be controlled through code.

The figure beneath shows the internal timeline of the "Deject" Graphic symbol. The blitheness occupies 24 frames – a full 2nd of blitheness with the projection set to 24 frames per second (FPS). When an instance is added to the main timeline, it will require the aforementioned 24 frames in gild to consummate a single, complete playback. If the frames it occupies autumn short – the Graphic symbol instance will only animate across the frames which are nowadays.

All the same, if you wanted to loop a Graphic symbol instance across the main timeline – all you need to do is ensure that there are more frames than necessary. With our Graphic symbol timeline taking upward 24 frames, if we wanted it to loop twice on the main timeline, the instance would require 48 frames instead of 24. This will cause the internal animation to play twice. Similarly, if you wanted it to loop 3 times, you would use 72 frames. This is how the sample file has been configured.

With a Character instance selected on the stage, have a look toward the "Looping" section of the Properties panel.

For Options, you lot tin can cull between "Loop" (which is the default behavior), "Play One time" which will simply play the Graphic symbol timeline one time no matter how many extra frames exist, and "Single Frame"… which basically only shows a single frame of your choosing and does non play at all. You can use these options across different keyframes to stagger a looping animation at various points as well. Just change the "First" frame number selection at the diverse keyframes.

Conclusion

No matter what platform you may exist targeting with Animate CC, you have a number of options in terms of how individual, internal animated symbol instances volition loop – and the amount of control you can exert over each 1. There is a workflow and procedure for just almost any scenario you might think of!

Source: https://inflagrantedelicto.memoryspiral.com/2018/08/animate-cc-looping-animations/

Posted by: rainescouse1972.blogspot.com

Share this post