google banners replay and stop play after 3 times.

6,328 views
Skip to first unread message

Amila

unread,
Jun 23, 2014, 6:44:14 AM6/23/14
to gwd...@googlegroups.com
hi 
i have some question about create google banners in GWD. i want to  replay animation 3 times only . i try to do this some ways.can i write some functions  or something about that..
Thank you..

Craig N.

unread,
Jun 23, 2014, 11:59:26 AM6/23/14
to gwd...@googlegroups.com

Hello,

To repeat an animation 3 times is pretty easy.  You will need to be in Advanced Mode for animation.

This Google Web Designer Support page has a pretty good section on the Advanced Mode for animation:

"Create animations in Advanced mode"

https://support.google.com/webdesigner/answer/3228643?hl=en

1. Go to the "Changing the timing of an animation" section.

2. Go to the last point at the bottom that says "To repeat an animation:"

3. Here's a screenshot example of the "loop" button options in the Advanced Mode timeline:





Hope this helps!

- CN

Amila

unread,
Jun 23, 2014, 11:05:44 PM6/23/14
to gwd...@googlegroups.com
Thank you very much for your answer. it's  work 1 object in  time line .. but i want whole animation repeat 3 times. that way it's can't be, because all timelines not repeat that way.

Thankyou. 

Craig N.

unread,
Jun 24, 2014, 1:10:33 PM6/24/14
to gwd...@googlegroups.com

Hi Amila,


You are very welcome! You will have to set the endpoints for your animation manually on the timeline.  You can do this in one of the following ways:



1. Selecting multiple keyframes and then pressing “F6”


Step 1: Hold down the “Ctrl” or “Cmd” key on your keyboard

Step 2: Left Click on each keyframe you want as your endpoint. You will see it highlighted to the left

Step 3: Press “F6” and your keyframes will appear


Example:













Tip: Drag Multiple Keyframes

You can also drag multiple keyframes once you have selected them:


Step 1: Click and hold one of the blue keyframes
Step 2: Drag the keyframes to the Right or Left














2. Selecting Each Keyframe Separately


Step 1: Left Click on the endpoint keyframes for each layer

Step 2: Right Click and select Insert Keyframe from the pop-up menu

Step 3: Set the number of times the animation loops with the Set Animation Repeat arrow button


Example:














- CN


nkrm...@gmail.com

unread,
Oct 30, 2015, 3:33:11 PM10/30/15
to Google Web Designer beta
Here is the answer:

https://groups.google.com/forum/#!topic/gwdbeta/WFi3b12fKLU


"

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++;
}
};

"

swiftb...@gmail.com

unread,
Jun 21, 2016, 3:07:52 PM6/21/16
to Google Web Designer beta
Check out this tutorial, it's very easy to do now in Google Web Designer.
https://www.youtube.com/watch?v=-PsAhMUexBw
Reply all
Reply to author
Forward
0 new messages