Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Sinewave

  1. Ok after a little bit more searching it is apparently not possible to animate masks with GSAP code unless you use this. Adobe really needs to catch up with this. And I need to learn to hand code these so I don't have to rely on Animate CC.
  2. I couldn't find anywhere this is mentioned explicitly in the context of Adobe Animate CC. I'm trying to get a blur X on the X-axis while I tween a simple vector object across the stage. This works fine var tl = new TimelineMax() tl.from(this.arrow, .65, {x:-300, ease:Cubic.easeOut}, 2); But if I add a blur with the properties panel or try to use Pixi plugin (yes I have the include plugged in) the banner stops working. var tl = new TimelineMax() tl.from(this.arrow, .65, {x:-300, pixi:{blur:20}, ease:Cubic.easeOut}, 2); 300x250-prototype-17-RIAC-0597-120717.fla
  3. I have a banner add that's about 34kb, so I've got 6kb to spare. Is it possible to add in blurFilter and only blurFilter? I tried commenting out the plugins from TweenMax.as, but it still bumps my file up to 46kb, before and after. PS. I'm on 11.691 (AS2)
  4. What's the verdict Jack? Are we going to see a GS library for Canvas some day? Best, S
  5. I did a search and did not in fact find any Math.random() anywhere. I assumed it was in the said plugin because when I commented it out, our ads passed their security test. Since your code is solid, I question the ad networks. As it is most of them don't allow AS3, and that has been out for what? 4 years?
  6. Reaching out and seeing if anyone as done this or seen it out there?
  7. Makes sense. Not sure I understand what you mean or this solution? I've tried targeting individual clips for the blur effect. When you have a series of images side by side [] [] [] [] [] [] [] [] [] [] like that, it leaves an impression when it swooshes by all blurred. I'll figure out a way around it eventually.
  8. It's the old "Filter will not render." problem. I've encountered this before. You know you have too. You've put to many children on the stage and tried to add a blur to their parent. I know it isn't gs, it's flash right? Flash seems to have a hard time with large displayobjects. Which seems counter-intuitive to me, if it's such great interactive medium, why can't I have massive clips in there? My flash file dynamically creates a slideshow from an XML file. It adds images or videos to the stage, from an XML list, side by side on the x axis, starting at 0 and going off, in increments of 880. The slideshow can hold up to 20 images, but realistically we only use it for 8 at the most. When it goes over 5 images I start running into the "Filter will not render." problem. It's a real shame, and I can't believe I'm saying this, but without the motion blur effect it makes me wonder why we don't just do it in javascript. I'm open to trying new ideas. Has anyone had any creative solutions to this problem?
  9. Forgot to check up on this post, the Math.random was in the Frame Label plugin I believe.
  10. So recently I had to build a banner campaign that would be running on google's ad network among others. Typically I use greensock for all my tweening needs, but I ran into a security problem with Google. They returned my banners citing the use of the Math.random() code was a violation of their security requirements, citing that that code is used to call malicious content and URLs. I didn't have any Math.random() in my code, so I scanned through the green sock .as documents to find the Math.random() code and see if I could omit it without destroying the whole engine. I looked through the plugins I was using and couldn't fine it. After digging around I realized that TweenMax automatically uses a majority of the greensock plugins, so even plugins you don't use will be included. To fix this problem, open up the TweenMax.as file, and scroll down to where the plugins are listed. //ACTIVATE (OR DEACTIVATE) PLUGINS HERE... It's well commented so you shouldn't have trouble finding it. Once there, just comment out the plugins you aren't using, especially the frameLabel() plugin if working with Google's ad network. This has the added benefit of reducing your file size (which makes using TweenMax eve more attractive!). This is probably documented, and this tip is really for the flash monkeys who approach things from the designer side, with little programming background. Flash (and Sock) on!
  11. Oh that looks lovely. Will post a link with my results in a moment.
  12. http://www.wpi.edu/research/discovery/ http://www.iona.edu/index.cfm (video carousel) http://www.comunica.com/ Love greensock. I was delighted to be able to use the new rotateX and rotateY properties in CS4 with the Comunica site. The new timeline max helped with the Research site in setting up the load/unload animations for each section of videos. I also experimented with tweening the background video itself using the frame property, but the limitations of the video framerate itself had me opting to do that in AE instead. I've used GS in tons of other projects, banner ads, modules, video players, but these are among the nicer ones. This is by far the best tween engine. Fusekit was buggy as all hell. This thing blows it away.
  13. You know how when you turn on a flourescent light, it flickers for a bit, slowly at first, and then faster, until it finally becomes a solid (usually) source of light? Well, I wish I could tween that. I mean, wouldn't that be cool? To tween visibility in some way between true and false, or alpha between 0 and 1, back and forth, slowly at first, then faster, using any easing method? ...Does anyone know of or seen a way of doing that?
  14. Well I determined that it's not the blur filters causing the chunkyness. I might break it into a few different timelines to see if that does it. On the other hand, I have another project where the blurfilters cause a color shift on some movieclips. -very annoying.
  15. Best if you just look. I have an array of clips I need to stagger, but there's one I need to dynamically pick to exclude. function vid_btn_click(e:Event):void { for (var v:uint = 0; v videoButtons[v].mouseEnabled = false; if (videoButtons[v] != e.target) { TweenLite.to(videoButtons[v], .7, {alpha:0, x:"-200", ease:Cubic.easeOut}); // TweenMax.allTo(videoButtons[v], .7, {alpha:0, x:"-200", ease:Cubic.easeOut}, .2); doesn't work } } } I don't have to stagger them, but I would like to. Does anyone know a way to make it happen?
  16. I've got a flash banner I'm designing with the v11 Beta. The first set of copy slides in and animates very smoothly. But after that, the 2nd and 3rd sets of copy are very jittery. I've checked and double checked the textfields and they are static and aliased for animation. Does anyone have any insight onto why this is happening? import com.greensock.*; import com.greensock.easing.*; var seq1:TimelineMax = new TimelineMax(); seq1.append(new TweenLite(firstImage.msk, 1, {x:"368", ease:Cubic.easeOut, delay:.5})); seq1.append(new TweenLite(firstImage.img, 1, {alpha:1, ease:Cubic.easeOut, delay:-1})); seq1.insertMultiple(TweenMax.allTo([firstTxt1, firstTxt2, firstTxt3], 1, {x:"368", alpha:1, ease:Cubic.easeOut}), 0.5, TweenAlign.START, 0.1); seq1.insertMultiple(TweenMax.allFrom([firstTxt1, firstTxt2, firstTxt3], 1, {blurFilter:{blurX:30}}), 0.5, TweenAlign.START, 0.1); seq1.insertMultiple(TweenMax.allTo([firstImage.msk, firstTxt1, firstTxt2, firstTxt3], 8, {x:"40", ease:Cubic.easeOut}), seq1.duration); seq1.insert(new TweenLite(firstTxt4, 4, {alpha:1, ease:Cubic.easeOut}), 1.5); seq1.insert(new TweenLite(blue1.bar, 4, {alpha:.6, ease:Cubic.easeOut}), 1.5); seq1.insert(new TweenLite(blue1.msk, 8, {x:"400", ease:Cubic.easeOut}), 1.5); seq1.insert(new TweenLite(blue1, 8, {x:"90", ease:Cubic.easeOut}), 1.5); seq1.insert(new TweenLite(blue1, 1, {x:800, ease:Cubic.easeOut}), 3.5); seq1.insert(new TweenLite(white1.bar, 4, {alpha:.3, ease:Cubic.easeOut}), 1.5); seq1.insert(new TweenLite(white1.msk, 8, {x:"-500", ease:Cubic.easeOut}), 1.5); seq1.insert(new TweenLite(white1, 8, {x:"-20", ease:Cubic.easeOut}), 1.5); seq1.insert(new TweenLite(white1, 1, {x:-800, ease:Cubic.easeOut}), 3.5); seq1.insertMultiple(TweenMax.allTo([firstTxt1, firstTxt2, firstTxt3, firstTxt4], 1, {alpha:0, ease:Cubic.easeOut}), 4); seq1.insert(new TweenLite(firstImage.img, 2, {alpha:0, ease:Cubic.easeOut}), 4); seq1.insert(new TweenLite(secondImage.img, 3, {alpha:1, ease:Cubic.easeOut}), 4); seq1.insertMultiple(TweenMax.allTo([secondTxt1, secondTxt2, secondTxt3], 1, {x:"368", alpha:1, ease:Cubic.easeOut}), 5, TweenAlign.START, 0.1); seq1.insertMultiple(TweenMax.allFrom([secondTxt1, secondTxt2, secondTxt3], 1, {blurFilter:{blurX:30}}), 5, TweenAlign.START, 0.1); seq1.insert(new TweenLite(secondImage.msk, 1, {x:884, ease:Cubic.easeOut}), 5); seq1.insertMultiple(TweenMax.allTo([secondImage.msk, secondTxt1, secondTxt2, secondTxt3], 8, {x:"40", ease:Cubic.easeOut}), 6); seq1.insert(new TweenLite(secondTxt4, 4, {alpha:1, ease:Cubic.easeOut}), 6); seq1.insert(new TweenLite(white2.bar, 4, {alpha:.6, ease:Cubic.easeOut}), 6); seq1.insert(new TweenLite(white2.msk, 8, {x:"400", ease:Cubic.easeOut}), 6); seq1.insert(new TweenLite(white2, 8, {x:"90", ease:Cubic.easeOut}), 6); seq1.insert(new TweenLite(white2, 1, {x:800, ease:Cubic.easeOut}), 9); seq1.insert(new TweenLite(blue2.bar, 4, {alpha:.3, ease:Cubic.easeOut}), 6); seq1.insert(new TweenLite(blue2.msk, 8, {x:"-500", ease:Cubic.easeOut}), 6); seq1.insert(new TweenLite(blue2, 8, {x:"-20", ease:Cubic.easeOut}), 6); seq1.insert(new TweenLite(blue2, 1, {x:-800, ease:Cubic.easeOut}), 9); seq1.insertMultiple(TweenMax.allTo([secondTxt1, secondTxt2, secondTxt3, secondTxt4], 1, {alpha:0, ease:Cubic.easeOut}), 9.5); seq1.insert(new TweenLite(secondImage.img, 2, {alpha:0, ease:Cubic.easeOut}), 9.5); seq1.insert(new TweenLite(thirdImage.img, 3, {alpha:1, ease:Cubic.easeOut}), 9.5); seq1.insert(new TweenLite(thirdImage.msk, 2, {x:-560, ease:Cubic.easeOut}), 9.5); seq1.insertMultiple(TweenMax.allTo([thirdTxt1, thirdTxt2, thirdTxt3], 1, {x:"368", alpha:1, ease:Cubic.easeOut}), 10.5, TweenAlign.START, 0.1); seq1.insertMultiple(TweenMax.allFrom([thirdTxt1, thirdTxt2, thirdTxt3], 1, {blurFilter:{blurX:30}}), 10.5, TweenAlign.START, 0.1); seq1.insertMultiple(TweenMax.allTo([thirdImage.msk, thirdTxt1, thirdTxt2, thirdTxt3], 8, {x:"40", ease:Cubic.easeOut}), 11.5); seq1.insert(new TweenLite(thirdTxt4, 4, {alpha:1, ease:Cubic.easeOut}), 11.5); seq1.insert(new TweenLite(white3.bar, 4, {alpha:.3, ease:Cubic.easeOut}), 11.5); seq1.insert(new TweenLite(white3.msk, 8, {x:"-500", ease:Cubic.easeOut}), 11.5); seq1.insert(new TweenLite(white3, 8, {x:"-20", ease:Cubic.easeOut}), 11.5); seq1.insert(new TweenLite(white3, 1, {x:-800, ease:Cubic.easeOut}), 13.5); seq1.insert(new TweenLite(blue3.bar, 4, {alpha:.6, ease:Cubic.easeOut}), 11.5); seq1.insert(new TweenLite(blue3.msk, 8, {x:"400", ease:Cubic.easeOut}), 11.5); seq1.insert(new TweenLite(blue3, 8, {x:"90", ease:Cubic.easeOut}), 11.5); seq1.insert(new TweenLite(blue3, 1, {x:800, ease:Cubic.easeOut}), 13.5); seq1.insertMultiple(TweenMax.allTo([thirdTxt1, thirdTxt2, thirdTxt3, thirdTxt4], 1, {alpha:0, ease:Cubic.easeOut}), 14); seq1.insert(new TweenLite(thirdImage, 1, {x:675, ease:Cubic.easeOut}), 14.5); seq1.insert(new TweenLite(thirdImage.msk, 1, {x:-433, ease:Cubic.easeOut}), 14.5); seq1.insert(new TweenLite(secondLast, 1, {alpha:1, ease:Cubic.easeOut}), 15); seq1.insert(new TweenLite(secondLast.msk, 1, {x:148, ease:Cubic.easeOut}), 15); seq1.insert(new TweenLite(finalTxt1, 1, {alpha:1, x:"10", ease:Cubic.easeOut}), 15.25); seq1.insert(new TweenLite(finalTxt2, 1, {alpha:1, x:"10", ease:Cubic.easeOut}), 15.5); seq1.insert(new TweenLite(lastWhite, 1, {alpha:.3, x:479, ease:Cubic.easeOut}), 15.5); seq1.insert(new TweenLite(lastBlue, 1, {alpha:.5, x:400, ease:Cubic.easeOut}), 15.5); seq1.insert(new TweenLite(firstLast, 1, {alpha:1, ease:Cubic.easeOut}), 15.75); seq1.insert(new TweenLite(firstLast.msk, 1, {x:101, ease:Cubic.easeOut}), 15.75); seq1.insertMultiple(TweenMax.allTo([f,i,d,e,l,i2,s], 5, {alpha:1, ease:Cubic.easeOut}), 15.75, TweenAlign.START, 0.1);