Jump to content

lister110 last won the day on October 7 2012

lister110 had the most liked content!


  • Posts

  • Joined

  • Last visited

  • Days Won


lister110 last won the day on October 7 2012

lister110 had the most liked content!

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

lister110's Achievements

  1. Hi everyone, can can someone please help. I'm playing around with a SVG mask (first try with CSS too, so please bear with me). I have taken an existing round mask/animation previously shown on codepen and have chosen to make it square. But at the moment the animation seems to animate top left, I'd like this to start from the centre. I have tried to playing around with the 'transformOrigin' but it doesn't seem to change, what am I doing wrong? thanks in advanced.
  2. Ahh, thats it.. sorry I missed that.. Yep, although I have the animation (sequenced animating out(.to)), I was wondering if I can almost control all the three lines as a group and move them together? almost overriding the sequence of the second part of the animation?
  3. Hi everyone (Newbie here). I'm playing around with a small animation which staggers some type. I was trying to find a way of animating into a window, as if it was masked, so I tried to use overflow hidden, but Im animating the mask itself.... My brain is slightly fazed..., so was wondering how I can animate some elements in a div and use the stagger there? so the Mask stays in place.. if it that works?? also, is there a way to control the second part of the animation (.to) and almost group the stagger perhaps, rather than one after the other. thanks in advance (sorry if my code is a little iffy ;-)) lister
  4. Hi, excuse me for my lack of knowledge. I'm playing around with greensock/animate for the first time.... I am trying to scale an objects width from the left ('left_mc' across the width of the stage by 50%, I have the same happening the far right side ('right_mc')), almost like closing curtains, both objects are at very far edges of the stage. I've been tinkering with 'Scale' using TweenMax, but I cant fgure out how to pin an object and scale in one direction. Also, I guess I'll have to establish the stage dimensions first so I can define the percentage. Can someone please help point me in the right direction? or any tips on animations relative to the stage with scaling. many thanks. lister
  5. Hi, could someone just point us in the right direction.. I have a few frames animating... 1st key frame appears in and fades out, 2nd key frame, prices appear one after the other and all fades out. 3rd key frame, appears with simple message. At the moment, after the prices animate independently I then need them all the fade out, to reveal key frame 3 but I can't seem to figure the best way to do this, maybe add them to their our timeline?, could someone help? tl.to(this.logo_mc, 1, {alpha:0},"+=3"); tl.from(this.price1_mc, .5, {alpha:0, scaleY:0, scaleX:0, ease:Back.easeOut}); tl.from(this.price2_mc, .5, {alpha:0, scaleY:0, scaleX:0, ease:Back.easeOut}); tl.from(this.price3_mc, .5, {alpha:0, scaleY:0, scaleX:0, ease:Back.easeOut}); tl.from(this.price4_mc, .5, {alpha:0, scaleY:0, scaleX:0, ease:Back.easeOut}); tl.from(this.price5_mc, .5, {alpha:0, scaleY:0, scaleX:0, ease:Back.easeOut}); tl.from(this.price6_mc, .5, {alpha:0, scaleY:0, scaleX:0, ease:Back.easeOut}); tl.to(this.image_mc, 1, {alpha:0},"+=3"); cheers lister
  6. This is probably an easy question, I keep getting a syntax error on this code.. //declare my variables var cloud1Middle = sym.$("cloud1Middle"); var cloud2Bottom = sym.$("cloud2Bottom"); var cloud3Top = sym.$("cloud3Top"); //instantiate a TimelineLite var tl = new TimelineLite({onComplete:function() { TweenLite.to(cloud1Middle, 60, {left:800}); TweenLite.to(cloud2Bottom, 100, {left:-800}); TweenLite.to(cloud3Top, 40, {left:-800}); this.restart(); }); Syntax error at line 12 in "Timeline.play" on "Stage": Unexpected token ) I was working at some point. lister
  7. I think i may of added the TweenLite script into the html, not noticing you have an API/Server where you can add the URL to the Scripts Library within Adobe edge. It seems to be moving now.
  8. Hi everyone, please move if this is posted in the wrong forum. I'm just trying out Greensock in Adobe Edge Ani 2015. I understand Adobe Edge Ani 2015 has been pulled, but for the time being this is what I'm using. Im a proper newbie, so please bear with me. Im confused how adobe have changed the scripting to work with objects on the stage. Im following this simple tutorial which was published 2012. The current tutorial may be out of date, I'm not sure.? http://paultrani.com/2012/11/edge-animate-and-greensock/ I have a simple rocket png on the stage and I'm trying the 'onClick' function or maybe 'onLoad' just to move the rocket, a bit like the einstein in the link above. But nothing seems to happen when I publish the HTML file. Ive followed the tutorial pretty closely, but now i'm stumped. Is this tutorial too old now? Can anyone help? or point me to a newer tutorial with a very basic setup of TweenLite with Adobe Edge Ani 2015 for a very basic animation. thanks lister
  9. hi, just a quick one. Is it possible to save to animated gif or video using the green sock code for a short animation. It seems it flash doesn't like to render out all the sequences unless the animation is on the timeline?? any ideas Thanks lister
  10. sorry, should of uploaded the file. This is great the only problem I have is the transition from front to back, there seems to be a slight jump. I have uploaded the current fla. Thanks for your help... lister https://onedrive.live.com/redir?resid=7E97DA5B88D54DA7!169&authkey=!AJ5ptWllClfnZzE&ithint=file%2cfla
  11. Hi, I really appreciate all the handwork gone into these scripts... Im pretty new to Tween animation using these classes. But Im now dabbling in a small animation with a spinning coin (see http://www.ilike2flash.com/2012/06/spinning-animation-in-flash.html) This was done on a standard timeline, but Im drying to replicate this using timelinelite and I'm having a few problems (newbie coder). Im trying to scale the _x and add blur and then reveal the back from _x 0 to 1 with blur to 0. and I can't seem to get this working. Here is the code so far.. can anyone help?? import com.greensock.*; import com.greensock.easing.*; back_mc.scaleX = -0; back_mc.alpha = 0; var timeline:TimelineLite = new TimelineLite({onComplete:done}); timeline.to(front_mc, 1, {scaleX:0, alpha:0, ease:Back.easeIn}) .to(front_mc, .1, {blurFilter:{blurX:50, blurY:0}, ease:Back.easeIn}) .to(back_mc, .1, {scaleX:1, alpha:1}) .to(back_mc, .1, {blurFilter:{blurX:50, blurY:0}, ease:Back.easeIn}); function done(){ timeline.restart(); } lister