회색 음영 이미지 as3을 색칠

Question

ActionScript 3.0을 사용하여 그레이 스케일 그라디언트 비트 맵을 동적으로 색칠해야합니다. 그라디언트는 흰색에서 검은 색으로 가고 어두운 색은 0xFF0000, 가장 밝은 0xFFFFFF가되어야합니다. 혼합 된 결과와 안정적인 해결책이없는 paletteMap 및 ColorMatrixFilter를 시도했습니다.

Answer 1

빨강 색 채널에 255 오프셋이있는 행렬을 구축하여 ColorMatrixFilter와 매우 관련이 있습니다 (그렇지 않은 경우 단위 행렬).

package 
{ 
    import flash.display.Sprite; 
    import flash.display.Bitmap; 
    import flash.display.BitmapData; 
    import flash.geom.Point; 
    import flash.filters.*; 

    public class GreyscaleDemo extends Sprite 
    { 
     public function GreyscaleDemo() 
     { 
      var bmd:BitmapData = new GradientBMD(720,480); 

      var matrix:Array = new Array(); 
      matrix = matrix.concat([1,0,0,0,255]); 
      matrix = matrix.concat([0,1,0,0,0]); 
      matrix = matrix.concat([0,0,1,0,0]); 
      matrix = matrix.concat([0,0,0,1,0]); 

      var colorFilter:ColorMatrixFilter = new ColorMatrixFilter(matrix); 
      bmd.applyFilter(bmd, bmd.rect, new Point(0,0), colorFilter); 

      var bitmap:Bitmap = new Bitmap(bmd); 
      this.addChild(bitmap); 
     } 
    } 
} 

또한 색으로 채워진 새 bitmapData를을 만들 수 있습니다

이 샘플 문서 클래스는 FLA 라이브러리는 720 × 480 수출 기호 flash.display.BitmapData의 서브 클래스이다 "GradientBMD"가 가정 당신은 그라데이션 (검은 색 대신에)에 램프 싶은 BlendMode.ADD하여 그라데이션에 복사 :

package 
{ 
    import flash.display.Sprite; 
    import flash.display.Bitmap; 
    import flash.display.BitmapData; 
    import flash.display.BlendMode; 
    import flash.geom.Point; 

    public class GreyscaleDemo extends Sprite 
    { 
     public function GreyscaleDemo() 
     { 
      var bmd:BitmapData = new GradientBMD(720,480); 
      var bitmap:Bitmap = new Bitmap(bmd); 
      this.addChild(bitmap); 

      var bmd2:BitmapData = new BitmapData(720, 480, false, 0xFF0000); 
      bmd.draw(bmd2, null, null, BlendMode.ADD, bmd.rect,false); 
     } 
    } 
} 

Answer 2

대신 (다른 답변에서 설명) 당신은 또한 사용할 수있는하여 ColorMatrixFilter를 사용하는 의 blendMode = "밝기" 옵션도 있습니다.

내가 도움이 될 수 있습니다 ActionScript의 그레이 스케일 이미지에 블로그 게시물이 있습니다 http://flexdevtips.blogspot.com/2011/01/grayscale-images-progressbar-rating.html

Answer 3

 var color:uint = 0xFF0000; 
     var r:uint = (color >> 16) & 0xFF; 
     var g:uint = (color >> 8) & 0xFF; 
     var b:uint = color & 0xFF; 

     var n:Number = 1/3; 

     var matrix:Array = new Array(); 
     matrix = matrix.concat([n,n,n,0,r]); 
     matrix = matrix.concat([n,n,n,0,g]); 
     matrix = matrix.concat([n,n,n,0,b]); 
     matrix = matrix.concat([0,0,0,1,0]); 

     _bitmapData.applyFilter(_bitmapData, _bitmapData.rect, new Point(), new ColorMatrixFilter(matrix));'