FEATURES:

• Fully customizable XML driven content
• Customizable width, height and item size
• Unlimited number of images ( JPG, PNG, BMP, GIF ) and SWF support
• Easy to use XML file for images / titles / descriptions and links
• View banner images by using the number buttons and left / right end arrow
• AutoPlay / AutoScroll / Previous / Next with global or individual timer for each image
• Time period adjustable from the XML file (in seconds)
• Both horizontal and vertical dock menu orientation support
• Dynamic image reflection with transparency, distance and direction settings
• Zoom amount and zoom speed setting on mouseover with zoom/position influence option on adjacent items
• Optional menu image highlighting feature for the active / inactive items
• Items alignment and rollover mouse movement speed options
• Define menu image borders size/color from within the XML configuration file
• Custom Horizontal / Vertical / Matrix orientation support for the navigation buttons
• Multiple mask transition effects such as Move, Fade, Tile, Radial Fade …
• Global or individual timer and transition definition for each text paragraph
• HTML / CSS driven descriptions, tooltips, text wrapping, font embedding, background and border color / size support
• Set URL links within the description text or when pressing on individual images
• Display the items in the order they appear in your XML file or in a random order
• Optional you can show / hide the navigation buttons and adjust each button position
• Optionally set the XML settings file path in HTML using FlashVars
• Full Screen mode support, you can use it as a banner and slidewhow and image gallery

Download flash file from here

License

Free for public as long as you don’t try to hide Flashtuning logo located in the top left corner of the dock gallery. You can’t redistribute / resell the functionality provided with the downloaded product without the author’s written permission.

Puma Tribes

Nerdfilms

AS3 PayPal Donate Button
This is the PayPal Donate button done in Flash CS4 and ActionScript 3. Shows you how to handle form data in Flash and adds a great deal of functionality to your site.

Fable Haven

Christmas Carol Tree

AS3 Date Picker
This date chooser is a welcome adition to your project. There are tons of ways you could use this, it’s all up to you. It’s very easy to use and implement, written in neat Actionscript 3.0 code.

Big Warm-up

Lois Jeans

RSS Feed Reader AS3

If you’d like to contribute send us via contact form the link that inspired you and specify in the message for “Flash of the day” or via Twitter http://www.twitter.com/flashuser

Softinos

M.Night Shyamalan

Advanced Accordion Gallery
Simple XML gallery with dynamic loading pictures, embedFonts text and nice design. Full ActionScript 2.0 coded and no Flash knowledge needed.

Use this free flash file as you like and don’t forget to give us credits for this if you intend to use it.

Horizontal Example:

Vertical Example:

Here is what we’ll end up with:

1. Open up Flash and create a new ActionScript 3.0 file.

2. Create a new MovieClip (Insert->New Symbol). I named it “about”. Draw a rounded rectangle (I put 10 for the roundness) and create a TextField for the button’s name.(I typed ABOUT). Check the image bellow.

3. For the other two menu items duplicate the about MovieClip(right click on it in the library – Duplicate). Drag each buttons on the stage, align them and give each an instance name. (about, work, contact)

4. Open the Actions tab and import this classes.

import flash.filters.BitmapFilterQuality;
import flash.filters.GlowFilter;
import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;

5. We’ll make each MovieClip to behave like a button. The aux1 variable is used on the mouseOverHandler to know witch item must have the glow effect. Attach for each button the mouse handler functions for rollOver and rollOut.

var aux1;

about.mouseChildren = false;
about.buttonMode = true;
about.useHandCursor = true;

work.mouseChildren = false;
work.buttonMode = true;
work.useHandCursor = true;

contact.mouseChildren = false;
contact.buttonMode = true;
contact.useHandCursor = true;

about.addEventListener("mouseOver", mouseOverHandler);
about.addEventListener("mouseOut", mouseOutHandler);
work.addEventListener("mouseOver", mouseOverHandler);
work.addEventListener("mouseOut", mouseOutHandler);
contact.addEventListener("mouseOver", mouseOverHandler);
contact.addEventListener("mouseOut", mouseOutHandler);

6. Create the glow filters and attach them for each button.

var aboutGlow:GlowFilter = new GlowFilter(0xD13083, 1, 2, 2, 2, 3, false, false);
var workGlow:GlowFilter = new GlowFilter(0xD13083, 1, 2, 2, 2, 3, false, false);
var contactGlow:GlowFilter = new GlowFilter(0xD13083, 1, 2, 2, 2, 3, false, false);

var aboutGlowX:Tween = new Tween(aboutGlow, "blurX", Regular.easeOut, 2, 2, 1, true);
var aboutGlowY:Tween = new Tween(aboutGlow, "blurY", Regular.easeOut, 2, 2, 1, true);
var workGlowX:Tween = new Tween(workGlow, "blurX", Regular.easeOut, 2, 2, 1, true);
var workGlowY:Tween = new Tween(workGlow, "blurY", Regular.easeOut, 2, 2, 1, true);
var contactGlowX:Tween = new Tween(contactGlow, "blurX", Regular.easeOut, 2, 2, 1, true);
var contactGlowY:Tween = new Tween(contactGlow, "blurY", Regular.easeOut, 2, 2, 1, true);

aboutGlowX.addEventListener("motionChange", aboutFunc);
workGlowX.addEventListener("motionChange", workFunc);
contactGlowX.addEventListener("motionChange", contactFunc);

function aboutFunc(e:TweenEvent) {
	about.filters = [aboutGlow];
}
function workFunc(e:TweenEvent) {
	work.filters = [workGlow];
}
function contactFunc(e:TweenEvent) {
	contact.filters = [contactGlow];
}

7. The mouse handler functions for rollOver and rollOut.

function mouseOverHandler(e:MouseEvent):void {
	aux1 = e.target.name;
	switch (aux1) {
		case "about" :
			{
				aboutGlowX.continueTo(10, 0.5);
				aboutGlowY.continueTo(10, 0.5);
				break;

			};
		case "work" :
			{
				workGlowX.continueTo(10, 0.5);
				workGlowY.continueTo(10, 0.5);
				break;

			};
		case "contact" :
			{
				contactGlowX.continueTo(10,  0.5);
				contactGlowY.continueTo(10,  0.5);
				break;

		}
	}
};
function mouseOutHandler(e:MouseEvent):void {
	aboutGlowX.continueTo(2, 1);
	aboutGlowY.continueTo(2, 1);
	workGlowX.continueTo(2, 1);
	workGlowY.continueTo(2, 1);
	contactGlowX.continueTo(2, 1);
	contactGlowY.continueTo(2, 1);

}

8. All code:

import flash.filters.BitmapFilterQuality;
import flash.filters.GlowFilter;
import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;

var aux1;

about.mouseChildren = false;
about.buttonMode = true;
about.useHandCursor = true;

work.mouseChildren = false;
work.buttonMode = true;
work.useHandCursor = true;

contact.mouseChildren = false;
contact.buttonMode = true;
contact.useHandCursor = true;

about.addEventListener("mouseOver", mouseOverHandler);
about.addEventListener("mouseOut", mouseOutHandler);
work.addEventListener("mouseOver", mouseOverHandler);
work.addEventListener("mouseOut", mouseOutHandler);
contact.addEventListener("mouseOver", mouseOverHandler);
contact.addEventListener("mouseOut", mouseOutHandler);

var aboutGlow:GlowFilter = new GlowFilter(0xD13083, 1, 2, 2, 2, 3, false, false);
var workGlow:GlowFilter = new GlowFilter(0xD13083, 1, 2, 2, 2, 3, false, false);
var contactGlow:GlowFilter = new GlowFilter(0xD13083, 1, 2, 2, 2, 3, false, false);

var aboutGlowX:Tween = new Tween(aboutGlow, "blurX", Regular.easeOut, 2, 2, 1, true);
var aboutGlowY:Tween = new Tween(aboutGlow, "blurY", Regular.easeOut, 2, 2, 1, true);
var workGlowX:Tween = new Tween(workGlow, "blurX", Regular.easeOut, 2, 2, 1, true);
var workGlowY:Tween = new Tween(workGlow, "blurY", Regular.easeOut, 2, 2, 1, true);
var contactGlowX:Tween = new Tween(contactGlow, "blurX", Regular.easeOut, 2, 2, 1, true);
var contactGlowY:Tween = new Tween(contactGlow, "blurY", Regular.easeOut, 2, 2, 1, true);

aboutGlowX.addEventListener("motionChange", aboutFunc);
workGlowX.addEventListener("motionChange", workFunc);
contactGlowX.addEventListener("motionChange", contactFunc);

function aboutFunc(e:TweenEvent) {
	about.filters = [aboutGlow];
}
function workFunc(e:TweenEvent) {
	work.filters = [workGlow];
}
function contactFunc(e:TweenEvent) {
	contact.filters = [contactGlow];
}
function mouseOverHandler(e:MouseEvent):void {
	aux1 = e.target.name;
	switch (aux1) {
		case "about" :
			{
				aboutGlowX.continueTo(10, 0.5);
				aboutGlowY.continueTo(10, 0.5);
				break;

			};
		case "work" :
			{
				workGlowX.continueTo(10, 0.5);
				workGlowY.continueTo(10, 0.5);
				break;

			};
		case "contact" :
			{
				contactGlowX.continueTo(10,  0.5);
				contactGlowY.continueTo(10,  0.5);
				break;

		}
	}
};
function mouseOutHandler(e:MouseEvent):void {
	aboutGlowX.continueTo(2, 1);
	aboutGlowY.continueTo(2, 1);
	workGlowX.continueTo(2, 1);
	workGlowY.continueTo(2, 1);
	contactGlowX.continueTo(2, 1);
	contactGlowY.continueTo(2, 1);

}

You can specify any kind of object, animated or simple artwork, also you can control the fading effects, perspective, keyboard and/or mouse enabled movements, rotation so you can setup your desired 3D environment.

Features

• Perspective and depth manipulation to create your 3D space
• Camera proximity and vanishing point customizable fading for objects
• Camera keybord controls for movements and rotations through the 3D scene objects with custom animation characteristics
• Move and rotate the cameras and objects using ActionScript functions and built in easing and easing duration
• Multiple cameras support allows you to dynamically change the active camera
• Look and lock camera mechanism allows focusing on a certain point or object at a time
• Send/receive data to/from a server side script (eg: PHP,ASP,CFM)
• Built in Help Book that can be accessed via the Flash Help Panel

Download Flashtuning 3D Scene (click on the Free Download link above the example)

Take a look at the example below for the final result.

1. For the first step I created the clock face. I drew 3 circles, and center align them. I used blue and grey colors with gradients for the background clock to look nice. I also made here the lines for the minutes and hours.

2. Create three new movie clips (Insert->New Symbol->Movie Clip) for seconds, minutes and hours clock hands. Inside each of them drew a coresponding shape. After that drag them on the Stage and center align to the clock. Give each Movie Clip an instance name (secondHand_, minuteHand_, hourHand_).

3. Final step paste this code in the Actions tab of the first frame. Once you’ve done that test the movie.

var timer:Timer = new Timer(1000);
timer.addEventListener(TimerEvent.TIMER, clockHandler);
timer.start();

function clockHandler(event:TimerEvent)
{

	    // set hour
		var time = new Date();
		var hourHand = time.getHours();
		var minuteHand = time.getMinutes();
		var secondHand = time.getSeconds();

		hourHand_.rotation = 30 * hourHand + minuteHand / 2;
		minuteHand_.rotation = 6 * minuteHand;
		secondHand_.rotation = 6 * secondHand;
}

The Advanced Scrollbar component developed by Flashtuning provides extended scrolling control over any content type within movie clip and adapts automatically for both static and dynamic types of content.

Requirements

The Scrollbar is available in two versions one for Actionscript 2.0 and the other for Actionscript 3.0. You can download a trial version (click on the Free Download link above the examples) that has a limit of max 350 X 200 pixels for the visible area size and watermark attached, as a trial limitation. To get the full version with no restrictions you need to purchase a license for $7.00.

Features

• You can use it in either vertical or horizontal modes and you can configure two component instances to create a Scroll Pane.
• Switch scrolling targets during runtime
• Choice and adjustment of scroll easing types (basic, bounce, elastic, inertia)
• Choice of scrollbar layouts (buttons and slider, buttons only, slider only)
• Run-time resizable visible area
• Free/Snap to visible area modes support
• Autohide/disable mechanism
• Mouse wheel support
• Customizable skins on per instance or global basis
• Skin elements color overlays
• Dynamic control through Actionscript API
• Fixed Track Body option
• Fixed Slider Body option
• Use Invisible Mask option
• Scroll Percentage option
• Built in Help Book that can be accessed via the Flash Help Panel

How to use it

We’ll set up a simple scrolling movie clip with text inside.

1. Start Adobe Flash, open a new document and set a 30 fps or higher in the Document Properties Panel to achieve a smoother animation.

2. Open the Components panel (Window/Components). You will find the component in the  Flashtuning folder.

3. Drag the component (FtScrollBar) from the Components panel to the stage. The component graphic symbol should now be displayed on the stage.

4. Create a new Movie Clip to be scrolled:

• Create a Text Field on the scene and type in few text blocks.
• Select the Text Field and convert it to a Movie Clip symbol ( Modify/Convert to Symbol) with the registration point top left.
• Give the new Movie Clip an unique instance name (in the Properties Panel).

5. Select the Scroll Bar component on the stage and configure its parameters in the Parameters panel or in the Component Inspector panel (Window/Component Inspector):

• Instruct the component to scroll the newly created Movie Clip as the target movie clip ( targetMovieClip).
• Set the viewAreaHeight and viewAreaWidth.
• Set the snapMode to snapToView value.
• Leave the rest of the parameters unchanged unless you want to adjust some values, as they are already populated with default settings.

6. Test the scene (Control/Test Movie).

Conclusion

It’s probably one of the best flash scrollbars on the market. You will find it useful any time you want to scroll a textfield, an image,a  movieclip and has some great features.