6 replies to this topic

[ericrcan]

Hi, well i'm looking for some help. How do I make transitions? I dont mean some little one..But one like this:

You are on the About page. You click on the Contact page. The About page fades out real fast, then the contact page fades out real fast. I konw you cna have it go to the Contact page, and have a tween for it to fade in, but how do I make it so the page fades out first? Thanks.

Eric

[funkysoul]

If you can do a fade-in, where's the problem doing a fade out?
Sorry mate don't really see your problem

[ericrcan]

I can do a fade out fine..The problem I am having is having it fade out, then go to that selected page..How do I have it so then content fades out, then goes to the page they selected? The way I used to make it before (which I know is wrong) would be like this:

Have a home fade out, then on the last frame have it go to About.
Have a home fade out, then on the last frame have it go to Contact.
Have a home fade out, then on the last frame have it go to Portfolio
Have a aboutfade out, then on the last frame have it go to Home.
Have a About fade out, then on the last frame have it go to Contact.
Have a About fade out, then on the last frame have it go to Portfolio.

etc...

So if they clicked about from the home page it would do this:

go to the "home-about" frame, and the home content would fade out, then have AS to send it to "about".

I know there is a right way to do this, and I want to know how. I hope that helps..

Eric

[DarkSuiyoken]

Are you fading out with tweening or with actionscript?

EDITTED--
Sorry, I can see that you are doing this with tweening. which is probably not a good way at all. Doing this all with actionscript does this even faster.

Here is the code for it.

mask_mc._xscale = 0;
_root.empty_mc.attachMovie("mcContentHome", "content_mc", 100);
_root.empty_mc.content_mc._alpha = 0;
_root.empty_mc.content_mc.onEnterFrame = function() {
	this._alpha += 5;
	if (this._alpha>=100) {
		delete this.onEnterFrame;
	}
};
mask_mc.onEnterFrame = function() {
	this.dxscale = (100-this._xscale)/6;
	this._xscale += this.dxscale;
	if (this.dxscale<=0.005) {
		this._xscale = 100;
		delete this.onEnterFrame;
	}
};
home_mc.onRelease = function() {
	clickaction("mcContentHome");
};
function clickaction(mc) {
	_root.mask_mc.onEnterFrame = function() {
		this._xscale -= 5;
		if (this._xscale<=5) {
			mask_mc._xscale = 0;
			_root.empty_mc.attachMovie(mc, "content_mc", 100);
			_root.empty_mc.content_mc._alpha = 0;
			_root.empty_mc.content_mc.onEnterFrame = function() {
				this._alpha += 5;
			};
			mask_mc.onEnterFrame = function() {
				this.dxscale = (100-this._xscale)/6;
				this._xscale += 5;
				if (this.dxscale<=0.005) {
					this._xscale = 100;
					delete this.onEnterFrame;
				}
			};
		}
	};
}
weddings_mc.onRelease = function() {
	clickaction("mcContentWeddings");
};
parties_mc.onRelease = function() {
	clickaction("mcContentParties");
};

proms_mc.onRelease = function() {
	clickaction("mcContentProms");
};
airport_mc.onRelease = function() {
	clickaction("mcContentAirport");
};
contact_mc.onRelease = function() {
	clickaction("mcContentContact");
};

Code is not commented in any way as I just took it out of one of my projects. Ask away if you have any doubts.

If you want the fla file, PM me your email and I will send it to you. This code actually has a wipe in effect too...

Edited by DarkSuiyoken, 28 March 2006 - 08:34 PM.

[ericrcan]

Ok, I PM'ed you

Edited by zYpher, 29 March 2006 - 07:50 PM.

[ericrcan]

*edited* I got it. Thanks

Eric

Edited by zYpher, 30 March 2006 - 01:18 PM.

[DarkSuiyoken]

Sorry, I log into the forums quite once in a while. I have sent you the file.