Search the Community
Showing results for tags 'tweennano'.
-
Hi, as a heavy TweenNano user in Flash, I was wondering what the smallest equivalent is for packaging GSAP would be? Assuming I would just want to do something as simple as: TweenLite.to("#test" , 4, {alpha:1}); Would I need both TweenLite.min.js and CSSPlugin.min.js for that? Or is there a smaller solution? Thanks http://codepen.io/friendlygiraffe/pen/vGPbRV
-
TweenNano.to(mc,0.3,{alpha:0,onComplete:gotoAndStop,onCompleteParams:[1]}); Hi, I'm not having much luck with the above code. It is supposed to go to Frame 1 on the Main Timeline, but so far, only NextFrame and PrevFrame work. I cannot seem to get gotoAndStop to pass the parameters Thanks
- 1 reply
-
- oncompleteparams
- gotoandstop
-
(and 1 more)
Tagged with:
-
Is there any way I can reduce the size of TweenLite's footprint within my Flash banner? On publish, Actionscript 2.0 Classes make up 20K of my 32K banner. I'm not doing anything crazy here, just fading in/out and moving up/down. I tried using TweenNano...file size was GREAT. But I couldn't figure out how to make my banner repeat only two times, since there is no "repeat" or "restart" features like there are in TweenLite. Am I importing something that I don't need? Here's my AS2.0 TweenLite Code: // import the tween engine import com.greensock.*; import com.greensock.easing.*; ////////////////////////////////////////////////////////////////////////// // define the timeline var timeline:TimelineLite = new TimelineLite({onComplete:repeat}); // define repeat function variables var nPlays = 0; var totPlays = 2; // repeat timeline if played less than three times function repeat() { if (nPlays < totPlays) { timeline.restart(); nPlays++; } } ////////////////////////////////////////////////////////////////////////// // get your tween on timeline.appendMultiple([ TweenLite.from(text1, 1, {_alpha:0, _y:"-20", ease:Expo.easeOut, delay:.5}), TweenLite.from(text1b, 1, {_alpha:0, _y:"40", ease:Expo.easeOut, delay:.5}), TweenLite.to(text1, 1, {_alpha:0, _y:"20", ease:Expo.easeOut, delay:2.5}), TweenLite.to(bg1, 1, {_alpha:0, ease:Expo.easeOut, delay:2.5}), TweenLite.from(text2, 1, {_alpha:0, _y:"-20", ease:Expo.easeOut, delay:3}), TweenLite.to(text2, 1, {_alpha:0, _y:"20", ease:Expo.easeOut, delay:5}), TweenLite.from(text3, 1, {_alpha:0, _y:"-20", ease:Expo.easeOut, delay:5.5}), TweenLite.to(text3, 1, {_alpha:0, _y:"20", ease:Expo.easeOut, delay:7.5}), TweenLite.from(text4, 1, {_alpha:0, _y:"-20", ease:Expo.easeOut, delay:7.5}), TweenLite.from(stall, 2, {_y:"10", delay:10})]); stop(); Here's my AS2.0 TweenNano code. File size is great, but I can't figure out how to make it repeat only twice. // import the tween engine import com.greensock.*; import com.greensock.easing.*; ////////////////////////////////////////////////////////////////////////// // define repeat function variables var nPlays = 0; var totPlays = 2; // repeat timeline if played less than three times function repeat() { if (nPlays < totPlays) { //initBanner.start(); initBanner(); nPlays++; } } ////////////////////////////////////////////////////////////////////////// function initBanner({onComplete:repeat}) { //the issue is with this line TweenNano.from(text1, 1, {_alpha:0, _y:"-20", ease:Expo.easeOut, delay:.5, overwrite:0}); TweenNano.from(text1b, 1, {_alpha:0, _y:"40", ease:Expo.easeOut, delay:.5, overwrite:0}); TweenNano.to(text1, 1, {_alpha:0, _y:"20", ease:Expo.easeOut, delay:2.5, overwrite:0}); TweenNano.to(bg1, 1, {_alpha:0, ease:Expo.easeOut, delay:2.5, overwrite:0}); TweenNano.from(text2, 1, {_alpha:0, _y:"-20", ease:Expo.easeOut, delay:3, overwrite:0}); TweenNano.to(text2, 1, {_alpha:0, _y:"20", ease:Expo.easeOut, delay:5, overwrite:0}); TweenNano.from(text3, 1, {_alpha:0, _y:"-20", ease:Expo.easeOut, delay:5.5, overwrite:0}); TweenNano.to(text3, 1, {_alpha:0, _y:"20", ease:Expo.easeOut, delay:7.5, overwrite:0}); TweenNano.from(text4, 1, {_alpha:0, _y:"-20", ease:Expo.easeOut, delay:7.5, overwrite:0}); TweenNano.from(stall, 2, {_y:"10", delay:10, overwrite:0}); } initBanner(); stop();
- 4 replies
-
- file size
- optimization
- (and 5 more)
-
I received a 300x250 banner ad designed in Flash Cs6 from our digital agency. I need to create several other banner sizes (180x150, 728x90, 160x600) based on this design. They used TweenNano. My question is do I need to change the actionscript 3 code depending on the size of the file? This may seem like a silly question, but I haven't used Greensock before and have very little actionscript 3 knowledge. The script is included, do I need to upload the Flash file too? Thanks so much for any assistance! actionscript.txt
-
Hi, It's been a long while since I've used this and gosh I must be getting old, but I can't seem to remember much at all. What I'm wanting to do is just get an item to fade in and scale up at the same time then fade out afterwards. Txt1._alpha = 0; TweenNano.to(Txt1,0.5,{_alpha:100, ease:Sine.easeInOut}); TweenNano.to(Txt1,1,{scaleX:2, scaleY:2, ease:Sine.easeInOut, overwrite:false}); The fading works but it doesn't scale at all. Any help would be most appreciated. Thanks in advance.