Looping timeline

[filipandr...@gmail.com]

Greetings!
Anyone figured out how to loop the *entire* timeline?
Its kind of useless for actual ad production if I cant loop the timeline. Looping individual animations is good and all, but really not that usefull if I cant loop the entire timeline.

[Naresh Rajkumar]

We are working on allowing this easily, but there is one workaround for this.

a) Assume your entire ad is in 1 page, Page1

b) Duplicate your Page1 . Assume the new page is called Page1Dup.
You can do this by opening the Page drop down on the bottom right of the stage and choosing the Page copy icon.

c) Set an event in Page1 like this

Page1 AnimationEnd ---> Goto Page1Dup    
Ensure this transition is done in 0ms. And no transition animation is chosen.

d) Set an equivalent event in Page1Dup

Page1Dup AnimationEnd --> Goto Page1


Now you will have a looping Timeline style of animation.
While behind the scenes you are swapping between Page1 & Page1Dup.


This will increase your ad size, since we are duplicating the page.
But the compressed gzip version of this wouldn't be too large.

Something to try out.

- Naresh (GWD Team)

[jonniegr...@gmail.com]

I was wondering about this now when I was previewing an animation I made. It's good to know the problem has been noted and worked on. :)

[Tony Mowatt]

Thanks again for the feedback. While we are working on this I wanted to offer another work-around.

If you add a keyframe at the end of each timeline layer so that they all end at the same time, you can set each individual layers looping property and it will loop as expected.

Sorry for the hacky work-around but I hope it helps until we can solve it more elegantly.

Cheers,

Tony

[philsch...@gmail.com]

Hi everyone,

Tony, your suggestion worked! But I also had to add a keyframe at the beginning of the animation, to make sure each element starts and ends at the same time and loop together in harmony.

Cheers!

Phil

[in...@optimal.lt]

one more workaround for refreshing. add script in code view
refresh page.

<script>
setTimeout(function(){
window.location.reload(1);
}, 5000);
</script>

[peterma...@gmail.com]

Maybe there's been progress on developing an easier solution by now? I can't seem to duplicate your steps - I'm able to create a page copy (the default name is page1_1)
I highlight my original page 1 and go to the "Events" dropdown.
I click the + sign
I click page 1 as source (it highlights red)
I click animation complete as event (it highlights red)
I click page 1 as target (it highlights red)
I click go to page as action (it highlights red)
I select page 1_1 as page id
I leave the transition at none
I leave the duration at 1000
I leave easing at linear
I leave direction at top
I save
when I preview - nothing has changed, - it plays through once only....I want infinite looping - what am I doing wrong

[pngcr...@sunprovince.com]

I tried this script but it loops infinitely.

<script>
setTimeout(function(){
window.location.reload(1);
}, 5000);
</script>

How do you get it to stop after 3 loops?

Thanks

[albee.cr...@gmail.com]

Try setInterval() instead and define a counter variable so that once the counter gets above 3, you can call clearInterval on the function:

function reload() {
if (counter < 3) {
counter++;
window.location.reload(1);
} else {
clearInterval(intID);
}
}

var counter = 0;

var intID = setInterval(reload, 5000);

Do whatever you need to do WRT globals, etc.

[learner...@gmail.com]

has this been updated yet google web design as i have the same issue thanks in advance
learnernetwork.co.uk

[learner...@gmail.com]

has this issue been updated yet ??? :)
learnernetwork.co.uk

[Naresh Rajkumar]

We have added Timeline Events & Labels in the latest version of GWD.

https://support.google.com/webdesigner/answer/4597391?hl=en&ref_topic=6000799

So the short version of solving this would be

a) Create a timeline label(say 'BeginAnimation') that points to the beginning of the animation.

b) Create a timeline event marker at the end of your last animation keyframe( say 'AnimationEnded').

c) Create an event in the new EventsDialog that's essentially  ' when AnimationEnded fires -->Timeline goto BeginAnimation' 

This should solve the 'Loop the entire animation' problem.

What we don't have is 'Loop the entire Animation N times' yet. 

-naresh (GWD team)

[anze.k...@gmail.com]

Any guidelines how to create c.) step?

[Jaz]

Hi,

Yes, we have info here that you'll find helpful

Add Events

thx
jaz

Jasmine Rogers
Program Manager, GWD

[anze.k...@gmail.com]

Great, thanks! It works :)

[Macbox Reklamebyrå]

Hi! I tried this and it works! Thanks!
For everyone who is not "close" with coding just copy/paste this code before <body> in code view.

[enz...@gmail.com]

This solution does not work in google adwords.
The ad just vanish in the end without reload.

[Jaz]

Hi,

If you like, you can send your author (not published) file over to us and we'll see if we can figure out the issue: gwd-s...@google.com

[d...@netivate.com]

Hi I'm working on this as well, I have no problems making it loop unlimited, can it just loop 3 times?

[alejob...@gmail.com]

I've just make the a), b) and c) steps but I can't see the looping on the preview, is that ok?

[alejob...@gmail.com]

I've created a custom event with the following info:

gwd.EventsDialog=function(event) {
'when AnimationEnded fires -->Timeline goto BeginAnimation'

And also created the 2 labels at the beggining and at the end.

But when I made the preview the loop doesn't works.

[Mariko Ogawa]

Hi looping the animation with events is covered in this topic. Please see this and see if this works for you.

https://groups.google.com/forum/#!searchin/gwdbeta/Loop/gwdbeta/2FBxPhl8w6o/rUVcTTC5CFYJ

Mariko(GWD team)

[eve...@netivate.com]

Hi,

1. The one you add to the end should be an "Event", not a label.
2. That is, add a label (to timeline) at the beginning that reads something like "StartAni"
3. Add an event (to timeline) at the end that reads something like "RepeatAni"
4. At an event (RHS Events > + icon), and create a trigger

That should work.

[eve...@netivate.com]

Got this resolved. Managed to get the entire animation (ad banner) to repeat N times.