cbum7210

Well I finished my Xmas animation, I think it came out OK for first time playin with greensock, Alot of trial and error here LOL, I just wanted to thank Carl andX10 for their help I am posting my finished FLA if anyone wants to check it out, Its in CS4 format Merry Christmas to all,

Sorry it took me a day to post new FLA, this is saved in CS4 format, Reason for delay got new vid card for PC got most of it done with exception of getting those timings down between bike and text and then of course the rince and repeat function. Hope to get it done this weekend as only a week left for xmas

I use flash CS5 so it prob saved it in that format, I will post my updated FLA in CS4 format when i get home from work

TY X10, i got that figured out, also got the bring to front object set as well, what Im still having problems with is setting the stagger pattern for having text following santa on bike, i tried using appendMulitple with stagger, delays and ectrasame with insertMultiple, but it just seems like I can never get a good flow any thoughts on how i can accoplish this, if you want idea check out my fla on formor post, I posted it as a zip file

PS i think I answered my last question, using a append multiple and an Array value, will work on that when i get home from work

Hi Carl, that trick worked out well, guess I need to scrap my way of thinking AS2 there LOL, I have zipped up my FLA for you to check out, theres couple things id like to do to it and welcome any input that you can offer 1, id like to see how to go about getting letters to follow bike a little closer. (like you said that may be a challange, 2nd thing is there a property setting in AS3 to bring object(Santa on harley runs behind text on stage) to front, I tried setting it from the stage but that didnt make any difference and lastly is there one constructor i can use on all the movie clips (all text clips on stage) so that they all fade out reason id like that is when all text is on stage, leave it for few seconds, then fade out and animation can start over

Hi Carl, Ok I got that figured out, I wanted to eliminate a pic and figured i could just do a simple flip of the santa so that hes pointing in right direction for when he goes back accross the stage from opposite direction figured a simple flip while dropping down would fit the bill so wrote it like this tl.append(TweenMax.to(harleyR, 1, {y:281, scaleX = -1 }),1); and i get 1084 errors, one says expectiong colon before assign, and other says expecting identifier before rightbrace so i tried tl.append(TweenMax.to(harleyR, 1, {y:281, harleyR.scaleX = -1 }),1); with same result the scaleX = -1 was what i found while googleling AS3 flip horizonal is it something with tween engine not liking regular flash commands or am i just that lost with AS3 ?

some reason my fla is too big to upload 1.4 megs which is weird as ive only got very few items in the libarary

Hi carl, I watched your tweenlite tutorial, and im lost, im probably making matters worse by adding extra steps I am enclosing my fla (done in flash cs5) what i was trying to do is I have a right and left harley rider bringing in text well i have 4 lines of text, 2 thant comes in from right side and 2 that comes in left side well i want bike to bring in textr from each side exp-- bike1 followed by text 1on right side of screen (line one) bike2----text on left side of screen(line 2) bike 1 with text following on right side of screen (line 3) bike2----text on left side of screen(line 4) I need bike one movie clip when reached end of stage to disapear and go back to new postion on screen so it can start line 3 of text run i did a alpha 0 then zoom back to x, y positions but that is not working im enclosing my fla in a zip, i hope you can tell me what the heck im doin wrong, im tryin to keep it to basic stuff here but its throwin me for a loop

TY Carl for your tutorials, however im gonna take a side trip to left field on you, boss wasnt too impressed with exploding text show (hes a java man and really dont like flash stuff) so i have new idea, since he rides harleys, I have a pic of santa riding a harley, now what id like to do is get harley pic to run from right to left on first line of text dragging the first line of "ACS" then drop down and come from left to right dragging a new line of text, and so on I plan on making each text line a movieclip (for ease of animation and so forth) my question is on using a timelineLite or Max, how can I set up tweens so that i can chain them on one line if not clear, picture bike runs across stage from right side with text following then text sticks to center while bike disapears then bike drops down, runs opposite direction dragging new line of text. any suggestions on how i can code this?

Hi Carl, I thank you for your time in explaining this to an old man LOL your input has helped me alot, and I am watching your timelite vids, they do alot in explaning how to use timeline lite and max however i have a question, I donno if its somethin I dragged over from old days but i like to work with functions, i like to put each action into a function and then be able to call em up when needed now when u used the tl.append coded and "called" up explode would that work the same way as if explode was in a function instead of a VAR? guess simple way is can u use the tl.append to call functions as well? and if it would be same coding? I do really enjoy you taking your time to help me out, If you ever run into a PC or Network prob that you cant figure out, drop me a line

ok i have this for a code var greetingWords:SplitTextField = new SplitTextField(XmasText, "words"); greetingWords.deactivate(); var greetingCharacters:SplitTextField = new SplitTextField(XmasText); greetingCharacters.deactivate(); XmasText.visible = false; var explode:TimelineLite = new TimelineLite(); var i:int = greetingCharacters.textFields.length; var explodeOrigin:Point = new Point(greetingCharacters.width * 0.4, greetingCharacters.height + 100); while (i--) { var angle:Number = Math.atan2(greetingCharacters.textFields.y - explodeOrigin.y, greetingCharacters.textFields.x - explodeOrigin.x) * 180 / Math.PI; explode.insert( TweenMax.to(greetingCharacters.textFields, 2, {physics2D:{angle:angle, velocity:Math.random() * 200 + 150, gravity:400}, scaleX:Math.random() * 4 - 2, scaleY:Math.random() * 4 - 2, rotation:Math.random() * 100 - 50, autoAlpha:0, delay:1 + Math.random()}) ); } tl.append( explode); var tl:TimelineMax = new TimelineMax({onStart:activateWords, onRepeat:activateWords, repeat:-1, repeatDelay:5}) tl.appendMultiple( TweenMax.allFrom( greetingWords.textFields, .5, {alpha:0, y:"50" } ), 0, "normal", .2 ) tl.addCallback(activateChars, tl.duration); tl.append( explode); function activateWords(){ trace("activate words"); greetingCharacters.deactivate(); greetingWords.activate(); } function activateChars(){ trace("deactivate words"); greetingWords.deactivate(); greetingCharacters.activate(); } and now i get this error TypeError: Error #1009: Cannot access a property or method of a null object reference. at xmas_fla::MainTimeline/frame1() I donno what the heck im doin wrong here

Ok dumb question but how do i put the exploding text on the time line? I turned the exploding text into a funtion then called it from the time like using tl.addCallback(explode, tl.duration); I get same result it will run fine first time around then on repeat it doesnt work, am not sure if im coding it wrong or what,

I tried using just the append method and came up with all sorts of error, so then i tried just putting the exploding text in the activateChar function and that seems to work once, then the explosion will not repeat after that here is code i have so far var greetingWords:SplitTextField = new SplitTextField(XmasText, "words"); greetingWords.deactivate(); var greetingCharacters:SplitTextField = new SplitTextField(XmasText); greetingCharacters.deactivate(); XmasText.visible = false; var tl:TimelineMax = new TimelineMax({onStart:activateWords, onRepeat:activateWords, repeat:-1, repeatDelay:5}) tl.appendMultiple( TweenMax.allFrom( greetingWords.textFields, .5, {alpha:0, y:"50" } ), 0, "normal", .2 ) tl.addCallback(activateChars, tl.duration); //tl.appendMultiple( TweenMax.allTo( greetingCharacters.textFields, .3, {alpha:0, y:"-100", scaleY:-1 } ), 1, "normal", .1 ) //tl.append( TweenMax.allTo(greetingCharacters.textFields, 2, {physics2D:{angle:angle, velocity:Math.random() * 200 + 150, gravity:400}, scaleX:Math.random() * 4 - 2, scaleY:Math.random() * 4 - 2, rotation:Math.random() * 100 - 50, autoAlpha:0, delay:1 + Math.random()})); function activateWords(){ trace("activate words"); greetingCharacters.deactivate(); greetingWords.activate(); } function activateChars(){ trace("deactivate words"); greetingWords.deactivate(); greetingCharacters.activate(); var i:int = greetingCharacters.textFields.length; var explodeOrigin:Point = new Point(greetingCharacters.width * 0.4, greetingCharacters.height + 100); while (i--) { var angle:Number = Math.atan2(greetingCharacters.textFields.y - explodeOrigin.y, greetingCharacters.textFields.x - explodeOrigin.x) * 180 / Math.PI; TweenMax.to(greetingCharacters.textFields, 2, {physics2D:{angle:angle, velocity:Math.random() * 200 + 150, gravity:400}, scaleX:Math.random() * 4 - 2, scaleY:Math.random() * 4 - 2, rotation:Math.random() * 100 - 50, autoAlpha:0, delay:1 + Math.random()}); } } the first part of the animation repeats just fine, just not the explosion part. any ideas ?

Ok got that, and followed code, works nicely but id still like to use the exploding text part what i got so far is this var greetingWords:SplitTextField = new SplitTextField(XmasText, "words"); greetingWords.deactivate(); var greetingCharacters:SplitTextField = new SplitTextField(XmasText); greetingCharacters.deactivate(); XmasText.visible = false; TweenPlugin.activate([Physics2DPlugin]); var i:int = greetingCharacters.textFields.length; var explodeOrigin:Point = new Point(greetingCharacters.width * 0.4, greetingCharacters.height + 100); while (i--) { var angle:Number = Math.atan2(greetingCharacters.textFields.y - explodeOrigin.y, greetingCharacters.textFields.x - explodeOrigin.x) * 180 / Math.PI; } var tl:TimelineMax = new TimelineMax({onStart:activateWords, onRepeat:activateWords, repeat:-1, repeatDelay:1.5}) tl.appendMultiple( TweenMax.allFrom( greetingWords.textFields, .5, {alpha:0, y:"50" } ), 0, "normal", .2 ) tl.addCallback(activateChars, tl.duration); //tl.appendMultiple( TweenMax.allTo( greetingCharacters.textFields, .3, {alpha:0, y:"-100", scaleY:-1 } ), 1, "normal", .1 ) tl.appendMultiple( TweenMax.to(greetingCharacters.textFields, 2, {physics2D:{angle:angle, velocity:Math.random() * 200 + 150, gravity:400}, scaleX:Math.random() * 4 - 2, scaleY:Math.random() * 4 - 2, rotation:Math.random() * 100 - 50, autoAlpha:0, delay:1 + Math.random()})); function activateWords(){ trace("activate words"); greetingCharacters.deactivate(); greetingWords.activate(); } function activateChars(){ trace("deactivate words"); greetingWords.deactivate(); greetingCharacters.activate(); } taking your code and modding it now getting error of Scene 1, Layer 'AS', Frame 1, Line 29 1067: Implicit coercion of a value of type com.greensock:TweenMax to an unrelated type Array. which is buffaloing me - line 29 in code is tl.appendMultiple( TweenMax.to(greetingCharacters.textFields, 2, {physics2D:{angle:angle, velocity:Math.random() * 200 + 150, gravity:400}, scaleX:Math.random() * 4 - 2, scaleY:Math.random() * 4 - 2, rotation:Math.random() * 100 - 50, autoAlpha:0, delay:1 + Math.random()})); i have the darn thing pointing to right place or do i ???