ActionScript 3.0 :: Smooth Transition With TweenLite Does Not Work
Oct 27, 2011
I have a vector circle and what to do the following: I'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean). Currently it looks horrible because I don't know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.
Total time of animation: .75 sec
Total amount of scaling: 5
Code:
part 1 of 2:
TweenLite.to(blastwave, .375, {alpha:.5, transformAroundCenter:{scale:2.23},
onComplete:blastScaleFadeOut, onCompleteParams:[blastwave]});
part 2 of 2:
private function blastScaleFadeOut(object:DisplayObject, time:Number = .375, scaleVal:Number = 4.46) {
TweenLite.to(object, time, {alpha:0, transformAroundCenter:{scale:scaleVal},
onComplete:backgroundSprite.removeChild, onCompleteParams:[object]});
}
View 1 Replies
Similar Posts:
Oct 26, 2011
I have a vector circle and what to do the following:
I 'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean).
Currently it looks horrible because I don't know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.
Total time of animation: .75 sec
total amount of scaling: 5
Code:
part 1 of 2:
TweenLite.to(blastwave, .375, {alpha:.5, transformAroundCenter:{scale:2.23},
onComplete:blastScaleFadeOut, onCompleteParams:[blastwave]});
[Code].....
View 2 Replies
Oct 27, 2011
I have a vector circle and what to do the following:
I 'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean).
Currently it looks horrible because I don't know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.
[Code]....
View 2 Replies
Oct 26, 2011
I have a vector circle and what to do the following:I 'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean).
Currently it looks horrible because I don't know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.
Total time of animation: .75 sec
total amount of scaling: 5
Code:
part 1 of 2:
TweenLite.to(blastwave, .375, {alpha:.5, transformAroundCenter:{scale:2.23},
onComplete:blastScaleFadeOut, onCompleteParams:[blastwave]});
part 2 of 2:
private function blastScaleFadeOut(object:DisplayObject, time:Number = .375, scaleVal:Number = 4.46) {
TweenLite.to(object, time, {alpha:0, transformAroundCenter:{scale:scaleVal},
onComplete:backgroundSprite.removeChild, onCompleteParams:[object]});
}
View 3 Replies
Oct 6, 2010
I've been looking everywhere and I don't know what this is called.I'm looking for an effect like this using buttons:I could do this using a lot of '"if"'s, but surely there must be an easier way.
Code:
import com.greensock.*;
import com.greensock.easing.*;
[code].....
View 1 Replies
Jul 4, 2009
I've tried using tweenlite as a replacement for tweener. In one use I have a mc that I want to constantly move left or right when the mouse is hovering over it depending on position. With tweener I set the x for the tween to be mc.x-20. Using this with tweenlite 'to' just does it once rather then a smooth constant movement(this tween is being repeated through an event listener with mouse_over), 'from' will do what I want, however when the mouse leaves the mc, the mc comes to a halt and performs a tween in the opposite direction by 20 pixels...
I am not sure how to prevent the tween in the opposite direction or have 'to' continue to tween the mc without me having to rehover over the mc again for another tween of 20 pixels... So is it possible to use tweenlite like I had tweener working?
Code:
imageHolder.addEventListener(Event.ENTER_FRAME, updateScroll);
imageHolder.addEventListener(MouseEvent.MOUSE_OVER, rollover);
function rollover(e:MouseEvent):void {
if(scrollc.mouseX>containerWidth/2) {
scrolling="right";
[Code] .....
View 5 Replies
May 6, 2010
Say If I have an animation which runs to frame 80 and the loops. On a button press, it goes to frame 81 and continues from there. Currently, when the button is pressed, there is a very noticable jump from the current frame to frame 81. The lower the frame number in the loop, the more noticable the jump. Is there anyway I can say something in my button press like if current frame is less than 80, wait until it hits frame 80 until you go to 81? Hopefully, this would make the transition smoother.
View 1 Replies
Jun 25, 2004
have three tabs, the rollout and rollover work perfect, I'm using this code to make transition from over and out smooth: On the button:
on (rollOver) {
portfolio.goBack = false;
portfolio.play();[code]....
MovieClip.prototype.rewind = function () { if (goBack && (_currentframe>1)) {gotoAndStop (_currentframe-1);}};
And on the movie clip:
onClipEvent (enterFrame) {
this.rewind();
}
Inside the movie clip, has a bunch of tweens, and on frame one I declare the variable and get the y position of another movie clip (the one that is moving in the tweens) It's instance name is portfolio_graph.On frame 1:
var y_portfolio; // y position of the movie clip that I'm tweening
y_portfolio = portfolio_graph._y;
And on frame 51 is where it should go when it's pressed.
Y Starting point
hosting_graph._y = y_hosting;
// Y Ending point[code].....
W
hen I press, it disapears the first time. When I do move my mouse over another button ( each button affects the other two ) portfolio_graph moves to roughly -17 ( eye-balled it ).. actually looking at it again, it looks like its playing from halfway through the animation and in reverse.
View 1 Replies
Mar 15, 2006
Is there a way to have the images do a smooth transition (one fades out as the other fades in) with the xml slideshow piece?
Here is my current code
Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild.firstChild;
image = [];
[code]...
View 14 Replies
May 18, 2010
i have a flex app that transitions between 2 states with the toggle of a button. my issue is that the effect of fading only seems to work on the 2nd transition and after. However, for my first transition... going from State1 to studyState... there is no fade effect whatsoever, in fact the components in state1 disappear completely (the footer fills the empty gap where the "body" use to be) and then the flex recreates the studyState (without any fade refilling the "body" with components only in studyState). After this first transition however, going between studyState and State1 working COMPLETELY fine.. why does this happen and how can i make it so that crossfade works STARTING FROM THE VERY FIRST TRANSITION?[code]
View 1 Replies
Jun 23, 2009
I have an FLV intro that plays on my first frame. After the video is complete, it goes to the second frame in the timeline. The final frame of the video mathces frame 2 in my timeline, BUT there is a small hiccup at the end of the video when trantsitionning to the timeline! How can I have this 2 blend? So that the end of the video and the 2 frame (where my navigation resides) are seamless?
View 8 Replies
Dec 29, 2010
right direction but theres still something I'm missing.At this point, I am able to load the initial swf into a container MC and store that info into acurMovie variable. When another button is pressed, curMovi checks if it equals event.target.name, if it doesn't equal "curMovie", it plays the existing movies outro What I thought I could do was create a conditional statement checking if the outro has reached the total frames, and if so, load the next swf. This isnī workingThis is what I have so far:
Code:
import flash.display.MovieClip;
//Load initial file
[code]......
View 4 Replies
Dec 29, 2010
Im trying to update the Transitions between External SWFs tutorial for AS 3 (link below). [URL] I looked at a few tutorials that would help steer me in the right direction but there's still something I'm missing. At this point, I am able to load the initial swf into a container MC and store that info into a curMovie variable. When another button is pressed, curMovie checks if it equals event.target.name, if it doesn't equal "curMovie", it plays the existing movies outro. What I thought I could do was create a conditional statement checking if the outro has reached the total frames, and if so, load the next swf.
[Code]...
View 1 Replies
Feb 23, 2005
Basically I want to make a navigation with a seemless transition. One with an intro but NO outro so to speak. I've also skimmed through kirupa to look for similar scripts and I've found a couple of interesting scripts but don't really know how to append and reorganize em into global.functions and other stuffz.
MovieClip.prototype.backward = function() {
this.gotoAndStop(this._totalframes);
this.onEnterFrame = function() {
this.gotoAndStop(this._currentframe-1);
If you can have a -1 can you also play the timeline frames by typing 1 instead?
[Code] .....
View 1 Replies
Nov 12, 2006
I started creating a site using the Smooth Transition tutorial and came upon a problem and would like to ask for some advice. I was able to go through the tutorial without any problems. I than moved my button(s) to an external swf file that gets called. No problem here as well, i just added a _root. to a few places.
Now in this swf, I have a mc and in this mc i placed the button but it stopped working. I didn't think the path would be any different but I was wrong. Here is the current AS I have with the button in the external swf's main timeline:
[Code]...
View 3 Replies
Aug 31, 2011
so im trying to write a smooth transition peice and i dont know what happ. anyways i left it last night and it was working...i think, now its not.
[Code]...
View 3 Replies
Apr 29, 2009
I am creating a website with a content box and 4 buttons which activate 4 different pages of content. I would like the content box to resize smaller on one page when activated by a button and resize back to normal when clicked on any other button. I figure I will use a shape tween to resize the box to avoid distortion. So, how do I program each button to transition properly if the page with the smaller box is displayed?
View 18 Replies
Apr 8, 2012
I have a motion tween that is 180 frames in length. When the tween ends on the last frame and returns to the first frame to replay there is a slight jump in the tween. Is there anyway to stop the tween from jumping from last frame to the first?
View 3 Replies
Jan 19, 2009
I need to do a flash banner, where are 3 images (i had to cut down 2 images off from file, to be able to attach it)(all of them have text, contact button (clickable) and background box).When hoverover image:
-image changes to another
-image and background zooms to a bit bigger
-text changes to new
When hoverout, image changes back to it's original form.At the moment, I made buttons, of those 3 images.It works quit well, but transition to mouseOver is quit ruff..
View 0 Replies
Jul 5, 2007
how to produce a smooth transition when you roll off of a button..
View 1 Replies
Sep 6, 2011
ok so im trying to create a sort of SMOOTH transition between swfs.
the problem im having is, targeting a specific label when i need it.
what i mean is, i can target it fine by tpecasting my external as a MC, but...it doesnt give me the desired effect.
for example, i want it so that when a button is pressed, go and play the "outro" frame inside the external swf, at the end of that same external swf, theres an " end" label, when that label is reached. something happens etc.
my problem is that when i hit the button, at the time of that event firing, the "end" is null or rather undefined because it hasnt reached there yet and i get an error or if i do a if/else statement, then i get the else part firing off since again, "end" isnt reached yet when the button is pressed.
i dont know how to make it fire when the "end" label is reached.
i tried while loops but...no good lol. thing froze flash for a bit until it did fire, by then it was a mess lol.
heres my code:
Code:
stop();
var loader:Loader = new Loader();
var urlReq:URLRequest = new URLRequest("indexCoontentLoad.swf");
[Code].....
ive added a " here i get lost" comment to indicate the part im lost in/cant figure out how to write.
overall, what i hope to achieve is that when the "end" label is reached, something happens. else, just keep playing until it is reached.
View 2 Replies
May 3, 2011
i'm trying to create a expanding Form with a smooth transition effect, here the code:
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"[code].....
But the problem with this is that even with creationPolicy set to all not all items seem to get initialized. This causeses the tweener animation to lag when clicking the "register" button the first time. after the first click, the animation is smooth.
View 1 Replies
Jun 1, 2006
I have approximately five external movies I am loading into one main movie. I load the movies using various buttons in the main movie.
My issue is this...I press a button and the first movie loads and then runs to the end of the timeline. Works great.When a push a second button the second movie loads and runs to the end of the timeline. Works great also.but I hate how there is a blank space between the movies.
All the movies start with a white stage and end with full graphics. When I press a second button, the movie on the stage disappears immediately and I am left with a white stage for a few seconds while the loading movie animates onto the stage.
I want there to be a cross-fade or some effect that allows the loaded movie to remain on the stage while the second movie is loading. Is there a way to make this happen?
I'm including the code I have for loading movies so you can see what I am working with thus far.
Here is the code:
designingbutton.onPress=function(){
loadMovie ("Quest Wall Animation.swf", "_root.content");
}
specifyingbutton.onPress=function(){
[code]....
View 2 Replies
Jul 6, 2011
So I can tween shapes and such for their colours, but when I try to colour tween text, it won't work. I've tried various things, motion tween, shape tween, making them movie clips, making them graphics, ect. How do I make text tween between colours to get a nice smooth transition?
View 2 Replies
May 20, 2010
Ive been struggling with this:
import com.greensock.TweenLite;
import com.greensock.plugins.*;
import com.greensock.easing.*;
[code]......
View 1 Replies
Jul 22, 2011
This object is blitted to the canvas by a renderer via the copyPixels method. The object is NOT a display object. It's a Score-object (self made). The Score-object extends an object called BasicBlitArrayObject. The BasicBlitArrayObject extends an EventDispatcher (therefore no display object).I tried to apply several different TweenLite-plugins to my tempScore-object (i.e. TransformAroundCenter, colorMatrixFilter, etc.). But nothing happens. Absolutely nothing.Sometimes I get error messages (when a plugin requires a display object and my object is NOT a display object). So far so good.
According to Greensock (maker of Tweenlite) his engine can tween ANY numeric property of ANY object. So when a plugin like TransformAroundCenter requires a display object for tweening I have to modify the plugin to get it working for my non-display object (tempScore). Currently I can't do that because it's way too hard for m
View 1 Replies
May 30, 2010
For some reason my TweenLite function won't work. Doesn't give any errors, but it just doesn't do anything and thus the onComplete function won't work to continue the script.
[Code]....
View 3 Replies
Nov 12, 2011
I seem to recall something about pass-by-reference and the Greensock TweenLite class. It's the only thing I can think of that is causing this bit of code to be not working as I intend:
for (var i = 0; i < 10; ++i) {
addItem();
}
public function addItem():MovieClip {
var item:MovieClip = getNewItem();
[Code]...
The trace is outputting the values I expect: an incremental sequence where each number is greater than the last (by the height of the item). However, what I see visually is that all the items end up at the same location (as if newPosY were the same for all instances of the tween.)
The only thing that comes to mind is that newPosY is being passed by reference, so each instance of the tween is actually referencing the very same value. Am I missing something? Or do I need some kind of closure to isolate the scope of my tween property's value?
View 1 Replies
Apr 7, 2010
My movie publishes fine in FP9. When I try to publish in FP10 (so I can use unloadAndStop() ) I get a pile of 1009 errors and many of my Tweenlite instances won't work. Is there something obvious I'm missing here? Are there big differences between FP10 and 9?
View 1 Replies
Jun 1, 2011
Its pretty simple what im trying to achieve.I have a MC on Stage, which im trying to tween to different X coordinates.I've set up four TweenLite.to sequences, however for some weird reason only one is being triggered - what am I doing wrong?
TweenLite.to(slider.mc_slider,1,{x:_returnXPos(95), ease:menuEasing});
TweenLite.to(slider.mc_slider,1,{delay: 1, x:_returnXPos(35), ease:menuEasing});
TweenLite.to(slider.mc_slider,1,{delay: 2, x:_returnXPos(50), ease:menuEasing});
[code].....
View 3 Replies