var myShade = new DropShadowFilter(myShadeDist,85,0×020202,0.5,myShadeBlur,myShadeBlur,5,5);

(I have changed the last 2 parameters from 1,1 to 5,5);

Then write lines 263 to 273 as

//////////////////////////////////////////

private function onButPress(ev:Event):void
{
_typo.textColor = 0xCCCCCC;
// apply New shade / bevel filter:
var myShadeBlur = _rd/8;
var myShadeDist = _rd/12;
var myBevelBlur = _rd / 6;
var myShade = new DropShadowFilter(myShadeDist,85,0×020202,0.5,myShadeBlur,myShadeBlur,0,0);
var myBevel = new BevelFilter(3,325,0×000000,.3,0×000000,.3,myBevelBlur,myBevelBlur,1,2,”outer”,false);
_glossBut.filters = [myShade, myBevel];

///////////////////////////////////
}
private function onButUp(ev:Event):void
{
_typo.textColor = 0×000000;

// apply original shade / bevel filter:
var myShadeBlur = _rd/8;
var myShadeDist = _rd/12;
var myBevelBlur = _rd / 6;
var myShade = new DropShadowFilter(myShadeDist,85,0×020202,0.5,myShadeBlur,myShadeBlur,5,5);
var myBevel = new BevelFilter(3,325,0×000000,.3,0×000000,.3,myBevelBlur,myBevelBlur,1,2,”outer”,false);
_glossBut.filters = [myShade, myBevel];

}

///////////////////////

Then together with the changte in text colour it creates a VERY noticeable change in appearance on the button clearly indicating which button was pressed.

I am sure there are more elegent ways to achieve the same effect but still – not bad for a Newbie !

Paul

p.s. I will leave you in peace now. Go Well!!

private function onButPress(ev:Event):void
{

_typo.textColor = 0xCCCCCC;

}
private function onButUp(ev:Event):void
{
_typo.textColor = 0×000000;
}

The effect is that on clicking the button the button text changes colour while on releasing the button the text returns to its original colour. This creates a blink-like effect in the button and lets the user know it was clicked. Fairly simple – sure there are better ways to do it. Anyway GREAT !

Will try to see if I can rather remove the drop shadow to create the impression of depressing the button.

Paul

I did see what I thought were a few behaviour reacting listeners in the class so will experiment with it.

Must say these buttons are REALLY cool !

Paul

I didn’t implement any behavior reacting to mouse events, though there are listeners defined and also empty handler functions there, waiting just for that.

Feel free to add your own, any behavior you add in the class (in RoundGlossy.as) will affect all instances of the glossy button, any listener-function you attach to a specific instance (in Main.as) will affect only that instance. And you can combine, add over/out effects to ALL instances & define a unique click listener to each instance.

A.

Paul

OK – So I needed to add a function which would be executed on clicking the button. my bad ! So I added a simple trace command and it WORKS !!

A beasutiful blue shiny button which traces out “Hello” on clicking.

Thanks for a VERY usefull bit of AS3 code here. Those buttons look fantastic.

So I take it that your instructions;

1. Add this to your document class:

import com.adifeiwel.custom_ui.RoundGlossy;

2. Place the ‘com’ folder next to the .fla.

3. In Flash: File > Publish Settings > ActionScript 3.0 Settings > Source path: click Browse button and select the ‘com’ folder.

Are a way to import a class into a project ? I have not seen it done before.

Will now play with this and see how to change button colours and sizes etc.

Thanks a million for your patience.

regards

Paul

‘clickHandler’ should be a function handling the click event, you can add something like this:

private function clickHandler(ev:MouseEvent):void
{
// do something?
}

This should clear the error, but now you have to think what it should do..

Sorted that out but then got the following errors;

C:\Flash AS3\Glossy Buttons\adi\Main.as, Line 19 1120: Access of undefined property MouseEvent.

and

C:\Flash AS3\Glossy Buttons\adi\Main.as, Line 19 1120: Access of undefined property clickHandler.

Managed to sort the first error out by adding;

import flash.events.MouseEvent

to Main.as

But still getting the error about the clickHandler

Paul

package
{
import flash.display.MovieClip;
import com.adifeiwel.custom_ui.RoundGlossy;

public class Main extends MovieClip
{
var blue:RoundGlossy = new RoundGlossy(30, 0×006699, 0x00FFFF);

public function Main()
{
blue.x = 100;
blue.y = 100;
blue.setCaption(“GO”);
blue.addEventListener(MouseEvent.CLICK, clickHandler);
addChild(blue);

}

}
}

I am getting the following error messages all associated with line 9;

C:\Flash AS3\Glossy Buttons\adi\Main.as, Line 9 1093: Syntax error.

C:\Flash AS3\Glossy Buttons\adi\Main.as, Line 9 1084: Syntax error: expecting rightparen before 006699.

where line 9 is the line;

var blue:RoundGlossy = new RoundGlossy(30, 0×006699, 0x00FFFF);

Did everything you suggested as far as I know.

Any ideas ?