BitmapData를 특정 색상으로 연속해서 페이드하는 방법은 무엇입니까? <br/> <a href="http://www.ventdaval.com/lab/grey.swf" rel="nofollow noreferrer">http://www.ventdaval.com/lab/grey.swf</a></p> <p>더 단순한 방법 :

Question

나는이 BitmapData에 물건을 그리기있어 여전히 (그것을 DisplacementMapFilter에 대한) 그리는 동안 나는 ... 계속 0x808080에 모든 픽셀을 페이드 내가 생각 필요이 내 문제를 보여 나는 그 위에 반투명의 회색 박스를 그려 보려고했으나 결코 하나의 색상에 도달하지 못했다 (즉, 0x808081는 절대로 0x808080로 바뀌지 않을 것이다) ... ColorMatrixFilter가 같은 점을 가지고 점차적으로 채도를 줄이거 나/또는 대조. (위의 예는 매 프레임마다 -10 명암의 필터 적용).

저는 팔레트 맵을 사용하려고합니다.이 방법이 될 수 있다는 것을 느끼고 있습니다. 그러나 그것을 얻을 수 없었습니다 ... 어떤 아이디어입니까?

Answer 1

이제 페이드 아웃하는 것보다 약간 더 페이드를 시도 할 수 있습니다. 따라서 색상이 0x808080이되므로 약간의 계산 만하면됩니다.

예, 팔레트 맵을 사용하여이 작업을 수행 할 수 있습니다. 세 번째 방법은 PixelBender 셰이더를 작성하는 것입니다. 또한 일반적인 페이딩을 사용하고 몇 프레임에서 paletteMap 또는 PixelBender를 한 번씩 수행하여이 모든 작업의 ​​속도를 높일 수 있습니다.

Answer 2

이렇게하는 가장 쉬운 방법은 두 개의 연속적인 컬러 필터를 사용하는 것입니다. 즉 :

var n:Number = 0.9; 
var off:Number = 0x80; 
var filter:ColorMatrixFilter = new ColorMatrixFilter([ 
     1, 0, 0, 0, -off, 
     0, 1, 0, 0, -off, 
     0, 0, 1, 0, -off, 
     0, 0, 0, 1, -off ]); 
var filter2:ColorMatrixFilter = new ColorMatrixFilter([ 
     n, 0, 0, 0, off, 
     0, n, 0, 0, off, 
     0, 0, n, 0, off, 
     0, 0, 0, n, off ]); 

function onFrame(e:Event) { 
    myBMD.applyFilter(myBMD, myBMD.rect, new Point(), filter); 
    myBMD.applyFilter(myBMD, myBMD.rect, new Point(), filter2); 
} 

제 1 필터 128가 아래쪽으로 각 채널의 값을 상쇄 - 블랙 기반의 이미지로 회색 기반 이미지를 선회. 두 번째 필터는 각 채널 값에 모듈레이터를 곱한 다음 (예 : 0.9) 값을 128만큼 상쇄합니다.

Answer 3

모든 프레임마다 텍스처를 0xFF808080으로 채우고이를 동적으로 두 번째, 투명 비트 맵으로 낮은 알파 배율 (예 : 0.98)로 colortransform을 수행 한 다음 mergealpha를 사용하여 비트 맵을 주 비트 맵에 복사합니다. 대우를받습니다 :

public function update():void 
     { 
      lock(); 
      fillRect(rect, 0xFF808080); 

      drawTarget.lock(); 
      drawTarget.colorTransform(rect, fadeTransform); 
      drawTarget.applyFilter(drawTarget, rect, pt, blurFilter); 
      drawTarget.unlock(); 

      copyPixels(drawTarget, rect, pt, null, null, true); 
      unlock(); 
     }