[tweening images that are masked]

thank you so much.. yes of course i read it.. but i dont know how to fix this... since it works, i left it alone.. truly appreciate your help.

[tweening images that are masked]

Well.. it worked.. but somehow the image flickers really quickly then it fades to 1....

dont know what it could be...

here is the code:

import com.greensock.*;
import com.greensock.easing.*;

TweenMax.fromTo(bk, 10, {alpha:0}, {alpha:1});
TweenMax.fromTo(background, 10, {alpha:0}, {alpha:1});
TweenMax.fromTo(background2, 10, {alpha:0}, {alpha:1});
TweenMax.fromTo(background3, 10, {alpha:0}, {alpha:1});

background.mask = mask1;
background2.mask = mask2;
background3.mask = mask3;

function forwardTween(){
TweenMax.to(mask1, 7, {width:350, delay:2, ease:Sine.easeInOut, onComplete:reverseTween});
TweenMax.to(mask2, 9, {x:700, delay:3, ease:Sine.easeInOut, onComplete:reverseTween});
TweenMax.to(mask3, 10, {x:100, delay:5, ease:Sine.easeInOut, onComplete:reverseTween});
}

function reverseTween(){
TweenMax.to(mask1, 8, {width:1, delay:5, ease:Sine.easeInOut, onComplete:forwardTween});
TweenMax.to(mask2, 10, {x:100, delay:4, ease:Sine.easeInOut, onComplete:forwardTween});
TweenMax.to(mask3, 10, {x:1024, delay:2, ease:Sine.easeInOut, onComplete:forwardTween});
}

forwardTween();

 

 

thanks for any imput..

[tweening images that are masked]

thank you SOOO MUCH for the response!!!!!!!!!!!!!! it worked!!!

[tweening images that are masked]

Hello everyone,

I have a little issue fading in an image... this is what i have :

 

import com.greensock.*;

import com.greensock.easing.*;

 

background.mask = mask1;

background2.mask = mask2;

background3.mask = mask3;

 

function forwardTween(){

TweenMax.to(mask1, 7, {width:350, delay:2, ease:Sine.easeInOut, onComplete:reverseTween});

TweenMax.to(mask2, 9, {x:700, delay:3, ease:Sine.easeInOut, onComplete:reverseTween});

TweenMax.to(mask3, 10, {x:100, delay:5, ease:Sine.easeInOut, onComplete:reverseTween});

}

 

function reverseTween(){

TweenMax.to(mask1, 8, {width:1, delay:5, ease:Sine.easeInOut, onComplete:forwardTween});

TweenMax.to(mask2, 10, {x:100, delay:4, ease:Sine.easeInOut, onComplete:forwardTween});

TweenMax.to(mask3, 10, {x:1024, delay:2, ease:Sine.easeInOut, onComplete:forwardTween});

}

 

forwardTween();

 

the thing is that i wanted the images that are been masked fade in first, then the animation with the mask start....

 

i tried this:

 

TweenMax.to(background, 5, {alpha:1, ease:Back.easeIn});

TweenMax.to(background2, 5, {alpha:1, ease:Back.easeIn});

TweenMax.to(background3, 5, {alpha:1, ease:Back.easeIn});

 

but its not working....

any ideas on what i can do ??

 

thank you so much for your time.

[reaching alpha and back [SOLVED]]

THANK YOU SOOO MUCH!!!!!

you helped me tremendously.

[reaching alpha and back [SOLVED]]

hi,

thanks for replying back... yes im using as3...

 

i placed the code you gave me right after the one i had, and it doenst do anything,.. now it doenst even fade...

so i have:

 

import com.greensock.*;

import com.greensock.easing.*;

import com.greensock.plugins.*;

TweenPlugin.activate([AutoAlphaPlugin]);

 

 

TweenLite.to(im1, 4, {autoAlpha:0});

TweenLite.to(im1, 4, {autoAlpha:1});

 

i know it must be something totally stupid im missing....

maybe is there a way of in the same script of the first line, to reverse the tween, without having to write the second line?

[reaching alpha and back [SOLVED]]

sorry, but it didnt work... the script that i have below, something is wrong with it except for the 100...

 

it wont fade or comeback...

i tried this:

 

TweenLite.to(im1, 4, {autoAlpha:0});

 

it works great, but i dont know what to do to make the picture appear again....

 

thanks for any help on this.

[reaching alpha and back [SOLVED]]

thanks a lot!

[reaching alpha and back [SOLVED]]

hello all,

i have a grid with afew pictures, and im trying to have a movie clip with the different pictures going to alpha at different times at different rates and going back to alpha=100.

 

this is what i have, but its not working...

 

import com.greensock.*;

import com.greensock.easing.*;

import com.greensock.plugins.*;

TweenPlugin.activate([AutoAlphaPlugin]);

 

function forwardTween(){

TweenMax.to(im1, 7, {alpha:0, delay:2, onComplete:reverseTween});

 

}

 

function reverseTween(){

TweenMax.to(im1, 8, {alpha:100, delay:3, onComplete:forwardTween});

 

}

 

can anyone give me a helping hand on this?

 

thanks a lot...

[open/close section]

no.. not asking to do anything for me... just asking which one should i use... the timeline or the tweenlite...

confused... on what they do..

[open/close section]

hi,

i am very new to using greensock tweens, and what i was trying to have, is a open/close sort of window, which everytime the user clicks on a button,

a line will drop down revealing the content...

what do i have to use tweenlite/ or timeline lite, to achieve this?

 

is there a easy way of doing it, so for every external movie this will trigger?

 

thanks in advance.