Creating a full Flash Web site

posted: 04-01-06
author: PrimeVector
website: http://www.free-webmaster-resource.com
views: 380014
comments: 118
total pages: 8
page jump: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

Check This Amazing Traffic Generating Widgetsl 4 Webmasters!

The additional Effect and Functionality Actionscript

We will now setup some extra code on each frame that has a content page. This code is to setup a bit of visual effects like a little Alpha fade on the objects, and to setup the functionality for the links. Just add it below the code that is already there!

Extra code for frame 5 - tools layer

//Init the alpha values to 0.
tools_holder.tools_title._alpha = 0;
tools_holder.tools_subtitle._alpha = 0;
tools_holder.tools_pic._alpha = 0;
tools_holder.tools_link._alpha = 0;
tools_holder.tools_description1._alpha = 0;
tools_holder.tools_description2._alpha = 0;

//Setup the alpha fades... just like those _x & _y tweens all with a delay on it a bit.
//so that final 0.3 etc.. means a delay of 0.3 seconds before that effect starts.
tools_holder.tools_title.tween("_alpha",100,speed,ease_type,0);
tools_holder.tools_subtitle.tween("_alpha",100,speed,ease_type,0.3);
tools_holder.tools_pic.tween("_alpha",100,speed,ease_type,0.5);
tools_holder.tools_link.tween("_alpha",100,speed,ease_type,0.5);
tools_holder.tools_description1.tween("_alpha",100,speed,ease_type,0.7);
tools_holder.tools_description2.tween("_alpha",100,speed,ease_type,0.7);

//Setup onPress for tools_link thats inside tools_holder..
//With getURL(url, window) we call a link in the browser with every press.
tools_holder.tools_link.onPress = function(){
    getURL("http://www.Axandra.com/go.to/primevector/8","_blank");
}

//Setup onPress for tools_pic thats inside tools_holder..
//With getURL(url, window) we call a link in the browser with every press.
tools_holder.tools_pic.onPress = function(){
    getURL("http://www.Axandra.com/go.to/primevector/4","_blank");
}

Extra code for frame 10 - links layer

//Init the alpha values to 0.
links_holder.links_title._alpha = 0;
links_holder.link1._alpha = 0;
links_holder.link2._alpha = 0;
links_holder.link3._alpha = 0;
links_holder.link4._alpha = 0;
links_holder.link5._alpha = 0;
links_holder.link6._alpha = 0;
links_holder.link7._alpha = 0;

//Setup the alpha fades... just like those _x & _y tweens all with a delay on it a bit.
//so that final 0.3 etc.. means a delay of 0.3 seconds before that effect starts.
links_holder.links_title.tween("_alpha",100,speed,ease_type,0);
links_holder.link1.tween("_alpha",100,speed,ease_type,0.3);
links_holder.link2.tween("_alpha",100,speed,ease_type,0.5);
links_holder.link3.tween("_alpha",100,speed,ease_type,0.5);
links_holder.link4.tween("_alpha",100,speed,ease_type,0.7);
links_holder.link5.tween("_alpha",100,speed,ease_type,0.7);
links_holder.link6.tween("_alpha",100,speed,ease_type,0.7);
links_holder.link7.tween("_alpha",100,speed,ease_type,0.7);

//Setup onPress events for the links below
//With getURL(url, window) we call a link in the browser with every press.
links_holder.link1.onPress = function(){
    getURL("http://deamothul.richjerk.hop.clickbank.net","_blank");
}

links_holder.link2.onPress = function(){
    getURL("http://www.Axandra.com/go.to/primevector/9","_blank");
}

links_holder.link3.onPress = function(){
    getURL("http://hop.clickbank.net/?deamothul/bryxen1","_blank");
}

links_holder.link4.onPress = function(){
    getURL("http://www.affiliateclassroom.com/x.cgi?a=r&id=1&aid=2251&p=3","_blank");
}

links_holder.link5.onPress = function(){
    getURL("http://www.wealthwars.com/?r=primevector","_blank");
}

links_holder.link6.onPress = function(){
    getURL("http://www.Axandra.com/go.to/primevector/2","_blank");
}

links_holder.link7.onPress = function(){
    getURL("http://www.Axandra.com/go.to/primevector/3","_blank");
}

Extra code for frame 15 - contact layer

//Init the alpha values to 0.
contact_holder.contact_title._alpha = 0;
contact_holder.descriptionTxt._alpha = 0;

//Setup the alpha fades... just like those _x & _y tweens all with a delay on it a bit.
//so that final 0.3 etc.. means a delay of 0.3 seconds before that effect starts.
contact_holder.contact_title.tween("_alpha",100,speed,ease_type,0);
contact_holder.descriptionTxt.tween("_alpha",100,speed,ease_type,0.3);

Conclusion

I really hope you could follow along and that i could show you a way to create a full Flash Web site. It not the hardest thing to create, but its also not the most easy thing because of the Flash interface. If you are not used to dealing with the Flash interface it can be a bit daunting sometimes. If you experienced troubles please dont hesitate for a moment to ask a question on my forum ... that why it there ;)

This last part of the tutorial perhaps went a bit fast, but it was nothing more then replicating the things we did in the other pages. Please examine the source file to check the instance names etc... If you managed to follow along i can congratulate you with completing this full Flash Web site.

You learnt to use the increddible cool way of tweening, you also learnt to control everything with code from the main timeline ... Don't under-estimate this,if you haven't done that before, from now on you will see the power of having code only on the main timeline and reap all its benifits. In a next part of creating a full Flash site we will hookup PHP and MySql to give it a lot more power! Untill the next time........ :)
Here is a link again to the finished Flash site.

page jump: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

Check This Amazing Traffic Generating Widgetsl 4 Webmasters!