Glowing text buttons [AS3 Tutorial]

Here is a tutorial on how you get glowing text buttons

Credits
Me
@Travoos

Method

Navigate to: _F_1 => _H_o

Find:

Code:

    public function _H_o(_arg1:String, _arg2:int, _arg3:Boolean, _arg4:Boolean) {
        name = _arg1;
        this.text_ = new SimpleText(_arg2, 0xFFFFFF, false, 0, 0, "Myriad Pro");
        this.text_.setBold(true);
        this.text_.text = _arg1.toLowerCase();
        this.text_.updateMetrics();
        addChild(this.text_);
        this.bobbingText = _arg3;
        this.isGlowing = _arg4;
        this._0H_X_ = width;
        this._N_a = height;
        this.activate();
    }

Yours will look a little different. In the parenthesis you will need to add "_arg4:Boolean".

Then at the top with all the other variables add "protected var isGlowing:Boolean;"

Then come back to the bit where you just added "_arg4:Boolean" into the parenthasis and then you're going to want to add "this.isGlowing = _arg4;" underneath "addChild(this.text_);"

Goto the onAddedToStage method and paste this inside it:

Code:

        if (this.isGlowing) {
            addEventListener(Event.ENTER_FRAME, this.onGlowing);
        }

and paste inside removeEventListener paste

Code:

        if (this.isGlowing) {
            removeEventListener(Event.ENTER_FRAME, this.onGlowing);
        }

then goto the bottom underneath "onEnterFrame" function and paste this function:

Code:

    private function onGlowing(_arg1:Event):void{
        this.text_.filters = [new DropShadowFilter(0, 0, 0, 0.5, 12, 12)];
        this.text_.updateMetrics();
    }

Optional: If you would like to change the glow color to something else you will need to do this:

Make a variable at the top of the page again which is:

Code:

var colorTransform:ColorTransform = new ColorTransform();

Make another variable below that called hex which is a

Code:

var hex:uint;

Then go back to your newly created function onGlowing and paste inside:

Code:

colorTransform.color = 0xFFFFF;

Then set hex to the colorTransforms color

Code:

hex = colorTransform.color;

Of-course, you will set the hex color to your liking.

Then inside the parenthesis of DropShadowFilter, change the 3rd value to "hex"

Then you're done

Personally, I prefer white as the color because it looks the most vibrant.

I almost forgot o:

When you compile, you'll get like 23 errors. Just double click each one and add either , false or , true. Depending on if you want it to be glowing text...

Originally Posted by Versss

Here is a tutorial on how you get glowing text buttons

Credits
Me
@Travoos

Method

Navigate to: _F_1 => _H_o

Find:

Code:

    public function _H_o(_arg1:String, _arg2:int, _arg3:Boolean, _arg4:Boolean) {
        name = _arg1;
        this.text_ = new SimpleText(_arg2, 0xFFFFFF, false, 0, 0, "Myriad Pro");
        this.text_.setBold(true);
        this.text_.text = _arg1.toLowerCase();
        this.text_.updateMetrics();
        addChild(this.text_);
        this.bobbingText = _arg3;
        this.isGlowing = _arg4;
        this._0H_X_ = width;
        this._N_a = height;
        this.activate();
    }

Code:

        if (this.isGlowing) {
            addEventListener(Event.ENTER_FRAME, this.onGlowing);
        }

and paste inside removeEventListener paste

Code:

        if (this.isGlowing) {
            removeEventListener(Event.ENTER_FRAME, this.onGlowing);
        }

then goto the bottom underneath "onEnterFrame" function and paste this function:

Code:

    private function onGlowing(_arg1:Event):void{
        this.text_.filters = [new DropShadowFilter(0, 0, 0, 0.5, 12, 12)];
        this.text_.updateMetrics();
    }

Optional: If you would like to change the glow color to something else you will need to do this:

Make a variable at the top of the page again which is:

Code:

var colorTransform:ColorTransform = new ColorTransform();

Make another variable below that called hex which is a

Code:

var hex:uint;

Then go back to your newly created function onGlowing and paste inside:

Code:

colorTransform.color = 0xFFFFF;

Then set hex to the colorTransforms color

Code:

hex = colorTransform.color;

Of-course, you will set the hex color to your liking.

Then inside the parenthesis of DropShadowFilter, change the 3rd value to "hex"

Then you're done

Personally, I prefer white as the color because it looks the most vibrant.

I almost forgot o:

When you compile, you'll get like 23 errors. Just double click each one and add either , false or , true. Depending on if you want it to be glowing text...

No pic? Q.Q

Originally Posted by cxydsaewq

No pic? Q.Q

refer to his last thread in this section :P
anyways vers, you should make a tut on how to like switch stuff around, making like news screen its own tab on home page, and making the character screen in the middle when u click play, etc.

Originally Posted by Riigged

Well, I'll give it a go, if I get any good result I'll post a tutorial on how to do it.

Originally Posted by Versss

Well, I'll give it a go, if I get any good result I'll post a tutorial on how to do it.

i saw vooolox make his char screen pretty sick thats why i think there should be a tut on it lel

Well there is my old client source here you can download it and if you know how to read then you can implement those features very easly i mean you said you are good coder so it should be easy for you to do such a things and i don't see a point why whould you as good developer need a tutorial for such a simple thing

Originally Posted by VoOoLoX

Where did he state he is a good developer?

In 1 or 2 threads he was arguing with someone sayig that person is stupid and he is better then him/them.

Since there is only 3 categories of "coders" in Private server section
1.People who "code" XMLs for items monstrs,making maps etc.
2."Good coders" making behaviors doing some basic client editing etc.
3.Coders doing "Advanced" stuff

arguing even with not that good coders stating that he is better means he thinks he is "good coder".

He diparages a lot of people thats why most of the people hate him including me , and i don't want to make this thread any longer.

@Riigged nothing personal.

Originally Posted by VoOoLoX

i mostly have been doing server sided shit
i just started experimenting with as3 clients since i set up my seraph server
also most people dont hate me
it may seem like that to you because this is the only section you even go to on mpgh

Originally Posted by Lxys

Here is a tutorial on how you get glowing text buttons

Credits
Me
@Travoos

Method
Navigate to: _F_1 => _H_o

Find:

Code:

public function _H_o(_arg1:String, _arg2:int, _arg3:Boolean, _arg4:Boolean) { name = _arg1; this.text_ = new SimpleText(_arg2, 0xFFFFFF, false, 0, 0, "Myriad Pro"); this.text_.setBold(true); this.text_.text = _arg1.toLowerCase(); this.text_.updateMetrics(); addChild(this.text_); this.bobbingText = _arg3; this.isGlowing = _arg4; this._0H_X_ = width; this._N_a = height; this.activate(); }

Yours will look a little different. In the parenthesis you will need to add "_arg4:Boolean".

Then at the top with all the other variables add "protected var isGlowing:Boolean;"

Then come back to the bit where you just added "_arg4:Boolean" into the parenthasis and then you're going to want to add "this.isGlowing = _arg4;" underneath "addChild(this.text_);"

Goto the onAddedToStage method and paste this inside it:

Code:

if (this.isGlowing) { addEventListener(Event.ENTER_FRAME, this.onGlowing); }

and paste inside removeEventListener paste

Code:

if (this.isGlowing) { removeEventListener(Event.ENTER_FRAME, this.onGlowing); }

then goto the bottom underneath "onEnterFrame" function and paste this function:

Code:

private function onGlowing(_arg1:Event):void{ this.text_.filters = [new DropShadowFilter(0, 0, 0, 0.5, 12, 12)]; this.text_.updateMetrics(); }

Optional: If you would like to change the glow color to something else you will need to do this:

Make a variable at the top of the page again which is:

Code:

var colorTransform:ColorTransform = new ColorTransform();

Make another variable below that called hex which is a

Code:

var hex:uint;

Then go back to your newly created function onGlowing and paste inside:

Code:

colorTransform.color = 0xFFFFF;

Then set hex to the colorTransforms color

Code:

hex = colorTransform.color;

Of-course, you will set the hex color to your liking.

Then inside the parenthesis of DropShadowFilter, change the 3rd value to "hex"

Then you're done

Personally, I prefer white as the color because it looks the most vibrant.

I almost forgot o:
When you compile, you'll get like 23 errors. Just double click each one and add either , false or , true. Depending on if you want it to be glowing text...

should redo this for a sorted as3 source kappa

Originally Posted by bog624

should redo this for a sorted as3 source kappa

Code:

    private function onGlowing(_arg1:Event):void{
        this.text_.filters = [new DropShadowFilter(0, 0, 0, 0.5, 12, 12)];
        this.text_.updateMetrics();
    }

Either way it's going to work u just gotta find where the code it :S

Glowing text buttons [AS3 Tutorial]

Post a Reply

Similar Threads

Tags for this Thread