Looping Entire Timeline

456 views
Skip to first unread message

Leigh Carapeto

unread,
Feb 17, 2015, 1:06:32 PM2/17/15
to gwd...@googlegroups.com

Hi guys,

 

I am currently having a bit of trouble looping an entire animation (not just individual layers). I have seen that there are quite a few threads about this, but I haven’t been able to make any work for me, so far.

 

The answer in the following thread seems the most plausible (others seem to have made it work): https://groups.google.com/d/msg/gwdbeta/3Eh7mehxb9I/5OTegnr9zhgJ

The solution:

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

B) Create a timeline event marker at the end of your last animation keyframe ( 'AnimEnd').

C) Create an event in the new EventsDialog that's essentially  ' when AnimEnd fires -->Timeline goto AnimStart' 

 

I have been able to do step A & B, but I get stuck on C. How exactly do I do that?

 

I tried creating a custom code for the AnimEnd event with the following:

gwd.EventsDialog=function(event){

'when AnimEnd fires -->Timeline goto AnimStart'

}

 

But it doesn’t loop!

Could someone please write the exact ‘script’ that I need for the custom event to work (I obviously have no coding experience, sorry!). 

FYI: I will eventually be using the animation for Adwords.

 

Cheers

Leigh

Mariko Ogawa

unread,
Feb 17, 2015, 6:17:19 PM2/17/15
to gwd...@googlegroups.com
Hello, 

So, could you try this way, after the step B)

C) Double-click the event marker in the timeline (a gray diamond shape icon, which is named "AnimEnd", if you don't have it, click the gray diamond icon at the end of the timeline.)

D) It will pop-up the events dialog

E) Pick events as following.  Timeline/gotoAndPlay> Receiver /page1>Label/Anim Start 
Target and Event name:AnimEnd should be already selected in the dialog.

F) Hit Save to close the dialog

G) Preview the animation on a browser


I hope this helps, if not, please let me know.

Regards,
Mariko (GWD team)

golf...@gmail.com

unread,
Sep 14, 2015, 11:43:06 PM9/14/15
to Google Web Designer beta
This gives an infinite loop!!! Yikes. I need to define the number of total loops.

Rosario Rodriguez

unread,
Mar 23, 2017, 1:54:12 PM3/23/17
to Google Web Designer beta

Hello,

I am also having trouble with this and have no coding experience. I have done Steps A-D, but am unable to select the start event label on the last Configuration screen. When I click on the dropdown to select loopStart, nothing happens/there are no options to select. How can I resolve this? Screenshots attached.

Thanks,
Rosario
05.png
04.png
03.png
02.png
01.png

vinodku...@gmail.com

unread,
Apr 5, 2017, 7:32:37 AM4/5/17
to Google Web Designer beta
Hi,

Is the problem still there? Try this option - In the 03.png can you see "gotoAndPlayNTimes"selecting that will help you define the number of times your banner should loop.

let me know if it works.

Thank you!

vinodku...@gmail.com

unread,
Apr 5, 2017, 7:35:18 AM4/5/17
to Google Web Designer beta
To define no. of loops try gotoAndPlayNTimes option. For this you have to create two labels like AnimStart and AnimEnd in the first and last frame of your banners. Then create a event in the last frame and follow the instructions as shown as images in the below thread.

When you choose gotoAndPlayNTimes you can choose the labelname and the number of time you want the banner to loop.

Hope you have found this help solve your looping problem.

Reply all
Reply to author
Forward
0 new messages