Google Webdesigner Looping timeline twice

[Nathaniel Hulley]

Hi GWD team 

Have you figured out yet how to add simple loop timeline animation control. Ive read a few hack options but i was wondering if there is something stable and easy to use.

Im building MPU deployed to Doubleclick studio for a client and it's a requirement for the banner to loop twice. Any help would be much appreciated. 

thanks 

Nathaniel Hulley

[Luke Hale]

Hi

All you do on your timeline is click on the looping icon which is the one with an arrow looping around, and then set how many times you want it to loop

Johnston Press plc  Registered in Scotland no. SC015382
Registered Office:Orchard Brae House, 30 Queensferry Road, Edinburgh EH4 2HS

Opinions expressed in this email are those of the writer and not the company. E-mail traffic is monitored within Johnston Press and messages may be viewed. This e-mail and any files with it are solely for the use of the addressee(s).If you are not the intended recipient, you have received this e-mail in error. Please delete it or return it to the sender or notify us by email at postm...@jpress.co.uk

[San Khong]

Hi Nathaniel,

Luke's instruction (for Timeline Advanced mode) would work if you only have one element that is animated or multiple elements that animate at the same duration and you need to set the loop for each layer in the timeline.  If you have multiple elements playing at different duration, there's another way that you loop the animation for the entire ad by setting the timeline gotoAndPlay event, and adding a couple lines of code to set the counter to stop this gotoAndPlay.  

In your file, switch to Timeline Advanced mode, add a timeline label called start at frame 1.  At the last keyframe of your animation, add a timeline event, select gotoAndPlay under Timeline for Action, select your page ID for receiver, and start for label.

Preview, at this point, your ad should loop forever.

Switch to code view, find the JavaScript function gwd.auto_Page1Event_1 = function(event)

you can add the var counter outside of the function, and edit the function to set it to gotoAndPlay only if counter is less than 1, like this: 

      var counter = 0;

      gwd.auto_Page1Event_1 = function(event) {

        // GWD Predefined Function

        if (counter < 1) {

          gwd.actions.timeline.gotoAndPlay('page1', 'start');

          counter++;

        }

      };

I attached the author file so you can take a look at it.  

Hope it helps.

San

[David Ashkenazi]

hey,

There is a simple way to do so if you don't want to use code. just duplicate the page and use events in page 1 to go to page 2 and in the end of page 2 just use pause event.

good luck, 

David Ashkenazi