Jump to content
Search Community

timeline lite not working as anticipated with glow

timaging test
Moderator Tag

Recommended Posts

Hi,

 

I'm not sure if I'm doing something incorrectly here, but it appears that it should be correct. I've imported my glow filter and am trying to apply a glow at the end of this sequence like so:

var timelineNav07in:TimelineLite = new TimelineLite({repeat:0});


timelineNav07in.appendMultiple([new TweenLite(hdr_nav07,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(hdr2_nav07,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(button07,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07off,   1, {tint:0xffffff, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b07,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b01,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b02,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b03,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b04,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b05,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b06,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(downloadButton,  1, {autoAlpha:1, ease:Quad.easeInOut}),
                              new TweenLite(downloadButton, 1, {glowFilter:{color:0xffffff, alpha:1, blurX:30, blurY:30}}),
                              new TweenLite(downloadButton, 1, {glowFilter:{color:0xffffff, alpha:0, blurX:30, blurY:30}})], 0, TweenAlign.START, 0.1);

 

the item labeled "downloadButton" is the one in question. If I try to apply glow, it simply never goes to the alpha value of 1, BUT if I remove the glow information, it works fine:

var timelineNav07in:TimelineLite = new TimelineLite({repeat:0});


timelineNav07in.appendMultiple([new TweenLite(hdr_nav07,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(hdr2_nav07,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(button07,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07off,   1, {tint:0xffffff, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b07,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b01,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b02,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b03,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b04,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b05,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(nav07_b06,  1, {alpha:1, ease:Quad.easeInOut}),
                              new TweenLite(downloadButton,  1, {autoAlpha:1, ease:Quad.easeInOut})], 0, TweenAlign.START, 0.1);

 

 

so, am I missing something "glowingly" obvious (yeah, couldn't help myself :-)

 

thanks!!

DAve

Link to comment
Share on other sites

Hi Dave,

 

I think your last tween:

 

TweenLite(downloadButton, 1, {glowFilter:{color:0xffffff, alpha:0, blurX:30, blurY:30}})

 

is possibly to blame. this makes the glow invisible .1 seconds after the glow starts to come in. remove that tween and let me know if you see the glow

Link to comment
Share on other sites

Hi Carl,

 

The issue is that I need it to pulse, or go on and off and not just set on alpha:1 in the glow, which is why that's there. I tried adding delays, so that the first "actual" alpha fade for the button would come to full opacity, then the glow would pulse on and off, but nothing seemed to work?

 

thanks!!

Dave

Link to comment
Share on other sites

ok, so I've found a way to make this work. I just included the glow information outside of that variable, using TweenMax.to...

 

in addition to that, for some reason white really isn't showing up at all so I had to try a different approach with color matrix filters.

 

Dave

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...