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

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.

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

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.

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

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.

You can set the menu to work horizontally or vertically according to your needs. Probably supports unlimited number of images.

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.

Because of the outstanding response (within 2 weeks they had already sold-out all the tickets), they’ve decided to do a two day conference this year with more speakers, sessions and added seating capacity (500 to be more specific). So here are the news, details and contact information about this event.

The Actionscript Conference | Flash Camp Singapore is taking place on the 14th and 15th September 2009 at the NTUC Auditorium. This will gather all the renowned Flash and Flex experts around the world, for 2 full days of demonstration and highlights on the latest technologies in Actionscript. TAC aims to bring topics on Actionscript 3.0, Flash development, Enterprise Flex 3 and 4, AIR, Integrating of Flash and other Platforms, and building Rich Internet Application to its audience.

Here are some topics that will be covered (not limited to):

• Flash Catalyst
• Programming Actionscript 3.0
• Adobe AIR
• Flex 3 and Flex 4 Framework
• Development Tips and Tricks
• Rich Internet Applications (RIA)
• Integration of Flash, Flex with server-side technologies

Check out TAC site for detailed speakers list and sessions information. There will be more sessions coming, so it’s in your interest to keep up with the updated information.

The registration for seats is now open so you better hit the official registration page . First 100 tickets cost $99 SGD. And there is more: one in every 10 tickets bought will win a FDT – Pure Edition through a lucky drawl. That’s 50 licenses that would be given away free. FDT is a powerful ActionScript tool and it has gathered good testimonies from ActionScript VIPs.

The target audience of The ActionScript Conference is software developers, web developers, students, Flash/Flex developers, business-owners and so on. If the shoes fit for you this conference is a definitely MUST GO! It’s a 2-day experience that will empower you’re development and improve your knowledge.