以前、GlowFilter で簡単袋文字 を紹介したけど、これをほんの少しだけ修正して２重の袋文字にしてみた。

完成品はこんな具合。

文字を編集することもできる。編集後の文字も袋文字！

やってること

1. TextField を表示
2. TextField に GlowFilter で縁取りを作成し、GlowFilter をもう１度適用して２重に縁取りする

filters プロパティには複数のフィルタを配列の形で指定できる。今回は次のように GlowFilter を２回適用している。

text.filters = [new GlowFilter(0xffffff, 1, 8, 8, 16, 1),
                new GlowFilter(0x0000ff, 1, 8, 8, 16, 1)];

１つ目のフィルタ（白）を適用した結果に、２つ目（青）を適用している。

詳しくは GlowFilter で簡単袋文字 参照あれ。

まとめ

filters を繰り返し利用することで、さらに凝った効果を簡単に試せる。

以下、ソースコード（24行）。

// GlowFilter で２重簡単袋文字
package{
import flash.display.Sprite;
import flash.filters.GlowFilter;
import flash.text.TextField;

public class EasyOpenFaceWithGlowFilter3 extends Sprite{
    public function EasyOpenFaceWithGlowFilter3(){
        stage.align = "TL";
        stage.scaleMode = "noScale";

        // Show original text (input)
        var text:TextField = new TextField();
        text.autoSize = "left";
        text.type = "input";
        text.htmlText = <font size="50" color="#ff0000">HELLO WORLD</font>.toXMLString();
        addChild(text);

        // Glow it
        text.filters = [new GlowFilter(0xffffff, 1, 8, 8, 16, 1),
                        new GlowFilter(0x0000ff, 1, 8, 8, 16, 1)];
    }
}
}