colors 배열내의 각 색에 대응하는 알파 투명도의 값의 배열입니다. 배열내의 각 엘리먼트로 지정할 수 있는 값은 0 ~ 1 입니다. 예를 들어 . 25 로 지정하면, 투명도의 값은 25% 로 설정됩니다.

alphas property의 값을 직접 변경할 수 없습니다. 이 property를 변경하려면 ,alphas 에의 참조를 취득해, 그 참조를 변경한 후,alphas 를 그 참조로 설정할 필요가 있습니다.

colors,alphas,ratios 의 3 개의 property는 관련하고 있습니다. colors 배열의 선두의 엘리먼트가 alphas 배열과 ratios 배열의 선두의 엘리먼트에 대응하는 등, 3 개의 배열의 같은 인덱스의 엘리먼트가 서로 대응하고 있습니다.

See also

각도 (도수)입니다. 지정할 수 있는 값은 0 ~ 360 으로, 디폴트는 45 입니다.

각도의 값은, object로 향해지는 가공의 광원의 각도를 나타냅니다. 이 값에 의해, 그라데이션카라가 object에 적용될 때의 각도를 설정합니다. 이것에 의해 하이라이트와 그림자가 나타나는 장소나, 배열의 선두의 색이 나타나는 장소가 정해집니다. 선두의 색을 적용하는 장소가 정해지면, 다른 색이 배열내에 포함되고 있는 순으로 적용됩니다.

See also

수평 방향의 애매하게 해 양입니다. 지정할 수 있는 값은 0 ~ 255 입니다. 1 이하의 값을 지정하면, 원의 이미지가 그대로 복사됩니다. 디폴트치는 4 입니다. 2 말하고 나무승 (2, 4, 8, 16, 32 등)은, 다른 값과 비교해 빠르게 렌더링 할 수 있도록(듯이) 최적화됩니다.

수직 방향의 애매하게 해 양입니다. 지정할 수 있는 값은 0 ~ 255 입니다. 1 이하의 값을 지정하면, 원의 이미지가 그대로 복사됩니다. 디폴트치는 4 입니다. 2 말하고 나무승 (2, 4, 8, 16, 32 등)은, 다른 값과 비교해 빠르게 렌더링 할 수 있도록(듯이) 최적화됩니다.

그라데이션으로 사용하는 RGB 16 진수 칼라치의 배열입니다. 예를 들어, 빨강은 0 xFF0000, 파랑은 0x0000FF 등입니다.

colors property의 값을 직접 변경할 수 없습니다. 이 property를 변경하려면 ,colors 에의 참조를 취득해, 그 참조를 변경한 후,colors 를 그 참조로 설정할 필요가 있습니다.

colors,alphas,ratios 의 3 개의 property는 관련하고 있습니다. colors 배열의 선두의 엘리먼트가 alphas 배열과 ratios 배열의 선두의 엘리먼트에 대응하는 등, 3 개의 배열의 같은 인덱스의 엘리먼트가 서로 대응하고 있습니다.

See also

오프셋(offset) 거리입니다. 유효한 값은 0 ~ 8 으로, 디폴트치는 4.0 입니다.

object에 녹아웃 효과를 적용할지 어떨지를 지정합니다. 녹아웃 효과를 적용하면, object의 칠이 투명하게 되어, 문서의 배경색이 표시됩니다. true 를 지정하면, 녹아웃 효과가 적용됩니다. 디폴트는 false 로, 녹아웃 효과는 적용되지 않습니다.

필터를 적용하는 회수입니다. 디폴트치는, 필터를 1 회 적용하는 것에 상당하는 BitmapFilterQuality.LOW 입니다. 값 BitmapFilterQuality.MEDIUM 는 필터를 2 회 적용합니다. 값 BitmapFilterQuality.HIGH 는 필터를 3 회 적용합니다. 필터로 설정된 값이 작을 정도(수록), 빠르게 렌더링 할 수 있습니다.

많은 어플리케이션에서는,quality 의 값은 저, 안, 또는 고로 충분합니다. 최대 15 까지의 값을 사용해 다양한 효과를 낼 수가 있습니다만, 값이 커지는 만큼 렌더링 속도가 저하합니다. quality 의 값을 늘리는 대신에,blurX 와 blurY 의 값을 줄이는 것만으로, 같은 효과를 얻을 수 있습니다. 이 방법을 실행하면, 보다 고속으로 렌더링 됩니다.

See also

colors 배열내의 대응하는 색의 색분포 비율의 배열입니다. 배열의 엘리먼트로 지정할 수 있는 값은, 0 ~ 255 입니다.

ratios property의 값을 직접 변경할 수 없습니다. 이 property를 변경하려면 ,ratios 에의 참조를 취득해, 그 참조를 변경한 후,ratios 를 그 참조로 설정할 필요가 있습니다.

colors,alphas,ratios 의 3 개의 property는 관련하고 있습니다. colors 배열의 선두의 엘리먼트가 alphas 배열과 ratios 배열의 선두의 엘리먼트에 대응하는 등, 3 개의 배열의 같은 인덱스의 엘리먼트가 서로 대응하고 있습니다.

그라데이션베벨의 색을어느 분포하는지를 이해하기 위해서, 우선, 그라데이션베벨로 사용하는 색을 생각합니다. 여기에서는, 하이라이트 1 색과 그림자 1 색으로부터 구성되는 단순한 베벨을 생각합니다. 그라데이션베벨에는 1 개의 하이라이트그라데이션과 1 개의 샤드우그라데이션이 있습니다. 하이라이트를 좌상구석에 표시해, 그림자를 우하구석에 표시한다고 합니다. 여기에서는, 일례로서 하이라이트에 4 색, 그림자에 4 색을 사용합니다. 하이라이트와 그림자에 가세해 하이라이트와 그림자의 엣지가 교차하는 부분에 베이스 칠의 색을 사용합니다. 이 경우, 합계 9 색을 사용하므로, 색분포 비율의 배열의 엘리먼트수는 9 입니다.

그라데이션은 서로 서로 섞인 다양한 색의 스트라이프로 구성되어 있다고 생각했을 경우, 색분포 비율의 값은, 그 색의 그라데이션의 범위내에 있어서의 위치를 나타냅니다. 이 정도치는, 0 이 그라데이션의 가장 외측의 점을 나타내, 255 가 그라데이션의 가장 안쪽의 점을 나타냅니다. 통상, 중간치는 128 으로, 이것이 베이스 칠의 값이 됩니다. 아래의 이미지의 베벨 효과를 얻으려면 , 9 색의 예를 사용해 색분포 비율의 값을 다음과 같이 설정합니다.

• 최초의 4 색은 0 ~ 127 의 범위에서, 각각의 값이 전의 값과 동일한지, 그것보다 커지도록(듯이) 설정합니다. 이것이 하이라이트의 베벨 엣지입니다.
• 5 번째의 색 (중간색)은 베이스 칠로, 128 으로 설정합니다. 픽셀치의 128 에 의해 베이스 칠이 설정됩니다. 이 베이스 칠은, type 가 outer 로 설정되어 있는 경우는 셰이프의 외측 ( 및 베벨 엣지의 주위)에 나타나 type 가 inner 로 설정되어 있는 경우는 셰이프의 안쪽에 나타나 object 자체의 칠을 효과적으로 숨깁니다.
• 마지막 4 색은 129 ~ 255 의 범위에서, 각각의 값이 전의 값과 동일한지, 그것보다 커지도록(듯이) 설정합니다. 이것이 그림자의 베벨 엣지입니다.

각 엣지의 색분포를 같게 하는 경우는, 중간색이 베이스 칠이 되도록(듯이), 사용하는 색 가지수를 홀수로 합니다. 0 ~ 127 으로 129 ~ 255 의 범위에서 색을 균등하게 분포한 후, 값을 조정해 그라데이션의 각 색의 스트라이프의 폭을 변경합니다. 9 색의 그라데이션베벨의 경우,[16, 32, 64, 96, 128, 160, 192, 224, 235] 와 같은 배열이 생각됩니다. 다음의 그림은, 여기까지 설명한 그라데이션베벨을 나타내고 있습니다.

그라데이션의 색의 확대는,blurX,blurY,strength,quality property의 값, 및 ratios 값에 근거해 변화합니다.

See also

흔적의 강함 또는 확대입니다. 값이 큰 만큼, 진한 색이 흔적 되므로, 베벨과 배경과의 사이의 콘트라스트가 강해집니다. 지정할 수 있는 값은 0 ~ 255 입니다. 0 을 지정하면, 필터는 적용되지 않습니다. 디폴트치는 1 입니다.

See also

베벨 효과의 배치입니다. 지정할 수 있는 값은, BitmapFilterType 정수입니다.

• BitmapFilterType.OUTER — 베벨이 object의 외측 엣지에 배치됩니다.
• BitmapFilterType.INNER — 베벨이 object의 안쪽 엣지에 배치됩니다.
• BitmapFilterType.FULL — 베벨이 object 위에 배치됩니다.

지정된 Parameters로 필터를 초기화합니다.

See also

이 필터 object의 복사를 돌려줍니다.

1. 필요한 클래스를 읽어들입니다.
2. 정방형과 필터를 정의하는 글로벌 변수를 선언합니다.
3. constructor　 　 함수를 작성합니다. 이 함수는, 이하의 처리를 실시합니다.
   • draw() Methods를 호출합니다. 이 Methods는 Sprite 의 graphics property를 개입시켜 액세스 하는 Graphics 클래스의 Methods를 사용해, 회색의 정방형을 묘화 합니다.
   • filter 라는 이름의 BitmapFilter object를 작성해, 그것을 getBitmapFilter() 의 호출에 의한 반환값에 할당합니다. 이 함수는 필터를 작성합니다.
   • myFilters 라는 이름의 새로운 배열을 작성해, 거기에 filter 를 추가합니다.
   • myFilters 를 GradientGlowFilterExample object의 filters property에 GradientBevelFilterExample object의 것입니다. 이것에 의해,myFilters 로 발견된 모든 필터가 적용됩니다. 이 경우, filter 뿐입니다.

package {
    import flash.display.Sprite;
    import flash.filters.BitmapFilter;
    import flash.filters.BitmapFilterQuality;
    import flash.filters.BitmapFilterType;
    import flash.filters.GradientBevelFilter;

    public class GradientBevelFilterExample extends Sprite {
        private var bgColor:uint     = 0xCCCCCC;
        private var size:uint        = 80;
        private var offset:uint      = 50;
        private var distance:Number  = 5;
        private var angleInDegrees:Number = 225; // opposite 45 degrees
        private var colors:Array     = [0xFFFFFF, 0xCCCCCC, 0x000000];
        private var alphas:Array     = [1, 0, 1];
        private var ratios:Array     = [0, 128, 255];
        private var blurX:Number     = 8;
        private var blurY:Number     = 8;
        private var strength:Number  = 2;
        private var quality:Number   = BitmapFilterQuality.HIGH
        private var type:String      = BitmapFilterType.INNER;
        private var knockout:Boolean = true;

        public function GradientBevelFilterExample() {
            draw();
            var filter:BitmapFilter = getBitmapFilter();
            var myFilters:Array = new Array();
            myFilters.push(filter);
            filters = myFilters;
        }

        private function getBitmapFilter() :BitmapFilter {
            return new GradientBevelFilter(distance,
                                           angleInDegrees,
                                           colors,
                                           alphas,
                                           ratios,
                                           blurX,
                                           blurY,
                                           strength,
                                           quality,
                                           type,
                                           knockout);
        }

        private function draw() :void {
            graphics.beginFill(bgColor);
            graphics.drawRect(offset, offset, size, size);
            graphics.endFill();
        }
    }
}