Actionscript 3.0 :: Smooth Transition Between External Swfs
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.
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:
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.
what I want and currently have is a main swf that loads in assets based on buttons pressed. I have 3 external SWFs (for the sake of this example, lets call the initial loaded swf "indexExt.swf", file two" f02.swf" and file three, " f03.swf") and in each of them,there's one layer that goes from frame 1 to frame 10. On frame 1, there's an "intro" label, on frame 5, an "outro" label, and on frame 10, an " end" label. indexExt.swf is loaded on initial load of the main swf. as for my buttons, I gave my buttons on the main swf stage, instance names that are the same name as the external swfs so that with this line event.target.name + ".swf" I can call em in without having to re-write code for every button etc..
I'm working on a slide show with external SWFs. I got everything to work (almost evrything ) ...
Whwat I'm trying to do is have a nice transition.. I have the Loading SWFs Fade in... but there's still a split second of the white space under... so I was trying to have the Unloading SWF FAde out wile Loading SWF is Fading in... or something close to that.. here's the code I'm using
//Import classes for easier use import fl.transitions.Tween; import fl.transitions.TweenEvent; import fl.transitions.easing.*;
I'm not having trouble doing the transition. However, I'm not doing it the way its described in the tutorial on the main site. I dont have a frame to tween to as an intro, or a frame to tween to as an "extro" when another SWF is loaded. I am having a SWF tell level0_ the dimensions of some MC right before a different MC is loaded, then level0_ tells the new loaded MC (inside the new SWF) to Tween from the dimensions it just recieved (old SWF) to the dimensions of the new loaded MC. It works great.. its completely dynamic.
The problem is that the MC flashes when the next SWF is loaded, which is obviously it resizing to the old SWF's dimensions, so it can Tween to the new dimensions. Theres got to be a way around this! I've seen dozens of sites tween perfectly, do they use the intro/extro method, or is their entire site in one SWF? or is this possible the way I want it?
heres a gander at the code:
old SWF Dimensions sent to _level0 before unloading:
In reference to the question below I used this tutorial to accomplish some of my AS goals: http:[url]....The question based off of this tutorial is how to correctly target an external movie clip with buttons that are not on the main time line. What would be the approproiate path for the script below for the external swf (work.swf)?
on (release) { if (_root.currMovie == undefined) { _root.currMovie = "work"; container.loadMovie("work.swf"); } else if (_root.currMovie != "work") { if (container._currentframe >= container.midframe) { _root.currMovie = "work"; container.play(); } } }
I have 2 different swfs (movie1.swf and movie2.swf) in a HTML.... When the movie2.swf finish playing (at the end there is a stop() )...... I would like to push a button replay to the movie.swf and play the movie2.swf from the beginning.....
I am am loading external SWF files into main file from XML created menu.I want to make TRANSITIONS between loaded files, but this Kiripa tutorial does not work for me since I can not give each button sepparate code. All buttons come from xml.
At the moment If I do all by tutorial all menu buttons start to load same link which and transition works, but yeah I need menu to understand that it must load new swf not that same.I know it is possible, but I do not know how it is made, so if anyone could help me I would be very happy!
Now comes code that needs to be modified :
if (_root.currMovie == undefined) { _root.currMovie = _root.link[this.i].attributes.url; _root.Konteiner.loadMovie(link[this.i].attributes.url, "_blank"); } else if (_root.currMovie != link[this.i].attributes.url, "_blank" ) {
I have a site in progress, but am running into a problem with the transition that plays while external images/swfs are loaded. Before, I inserted the conditional statement, if(transLoad==0),multiple mouse clicks would result in endless children being added---Let me try to explain, I have a series of buttons which load external swfs upon Click events..ex
Code: link1.addEventListener(MouseEvent.CLICK, clickOne,false,0, true); the function clickOne would call the transition function below:
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.
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.
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?
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]}); }
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] .....
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:
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]});
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?
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?
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.
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..
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.
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.
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
