as3 - 設置紋理alpha值

Question

對於Actionscript 3「繪圖應用程序」，我希望能夠選擇紋理並設置它的透明度。 因此我嘗試設置紋理的透明度。 但它不工作。

我做什麼：

1. 起初我用graphics.linestyle（）來設置線的厚度和ALPHA值。
2. 之後，我（a）加載png，（b）讀取它的bitmapData和（c），然後在lineBitmapStyle中使用它。

結果：

當繪製線（與的moveTo，了lineTo等）的線路使用質感，但忽略了 「阿爾法」，這是設定線型。

我在做什麼錯？

myLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, setTexture);   

setTexture(e:Event):void 
{ 
    e.currentTarget.removeEventListener(e.type, arguments.callee); 

    //Try 1: Trying to set the Alpha-Trasparency with "lineStyle"-Command: 
    myDrawContainer.graphics.lineBitmapStyle(5, 0xFF0000, 0,6); 

    //Try 2: Trying to set the Alpha-Transparency by changing the Alpha-Value of the loaded content: 
    myLoader.content.alpha = 0.6; 

    //Getting the BitmapData of the Image: 
    BitmapDataOfMyTexture = Bitmap(LoaderInfo(e.target).content).bitmapData 

    //"Using" the TBitmapData as "Color/Texture" for my Drawing: 
    myDrawContainer.graphics.lineBitmapStyle(BitmapDataOfMyTexture); 

    //Test-Drawing: 
    myDrawContainer.graphics.moveTo(0, 0); 
    myDrawContainer.graphics.moveTo(500, 500); //-> RESULT: Textured Line WITHOUT Transparency! 

}

結果：我得到它使用紋理，但是缺乏透明度線。

（更新）解決方案：（感謝DodgerThud）
設置/改變加載圖像的alpha通道，您不使用 「線型」 可是......

1. 創建一個新的ColorTransform對象

2. 然後設置它的「alphaMultiplier」 -attribute具體alpha通道

3. 然後將此通過使用加載的BitmapData的「colorTransform」方法將新創建的colorTransform-Object添加到加載的BitmapData中。

但是：

這並不沒有一個alpha通道或沒有自己的alpha通道激活影像工作。降低Alpha通道時，這些圖像只會變黑。在這種情況下，你必須這樣做：

1. 起初，我創造新的BitmapData-對象與「新」，設置其加載的圖像的寬度和高度，寬度和高度，並設置第三個參數爲TRUE（ =透明度：開）。所以你得到了一個具有ACTIVATED透明度的「容器」。
2. 然後，您在此「容器」 - 對象上使用「copyPixels」來填充LOADED BitmapData-Object的像素。
3. 而在此之後，上述方法與「colorTransform」 - 對象帶來了預期的結果。

因此，這裏的工作代碼：

myLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, setTexture); 

setTexture(e:Event):void 
{ 
    e.currentTarget.removeEventListener(e.type, arguments.callee); 

    //Getting the BitmapData of the Image: 
    BitmapDataOfMyTexture = Bitmap(LoaderInfo(e.target).content).bitmapData 

    //Create an ADDITIONAL BitmapData-Object with 3rd 
    //argument set to TRUE and with same width and height 
    //as the LOADED image: 
    var BMDContainerWithAlphaActivated:BitmapData; 
    BMDContainerWithAlphaActivated = new BitmapData(BitmapDataOfMyTexture.width, BitmapDataOfMyTexture.height, true, 0xFFFFFF); 

    //Copy the pixels of the loaded image into the newly created 
    //"BitmapData-Container with activated AlphaChannel": 
    BMDContainerWithAlphaActivated.copyPixels(BitmapDataOfMyTexture, new Rectangle(0, 0, BitmapDataOfMyTexture.width, BitmapDataOfMyTexture.height), new Point(0,0)) 

    //Modify the Alpha-Value (of the NEW BitmapData-Object): 
    var colorChanges:ColorTransform = new ColorTransform(); 
     colorChanges.alphaMultiplier = 0.3; 
    BMDContainerWithAlphaActivated.colorTransform(new Rectangle(0, 0, BitmapDataOfMyTexture.width, BitmapDataOfMyTexture.height), colorChanges); 


    //"Using" the (NEW) BitmapData as "Color/Texture" for my Drawing: 
    myDrawContainer.graphics.lineBitmapStyle(BMDContainerWithAlphaActivated); 

    //Test-Drawing: 
    myDrawContainer.graphics.moveTo(0, 0); 
    myDrawContainer.graphics.moveTo(500, 500); //-> RESULT: Textured Line WITH Transparency 0.3!   
} 

Answer 1

我明白了，這是一個比較複雜的，比我最初以爲。

好吧，看着documentation爲lineBitmapStyle顯示我的函數需要下列參數：lineBitmapStyle(bitmap:BitmapData, matrix:Matrix = null, repeat:Boolean = true, smooth:Boolean = false)

現在，矩陣，重複並順利將不能幫助我們在這裏（矩陣這裏用於轉化，即定位，旋轉等），但位圖：BitmapData可能。我們需要做的是在將它傳遞到lineBitmapStyle之前操作加載的PNG文件的BitmapData。可悲的是我們不能直接在BMD上設置alpha值，所以我們可以嘗試colorTransform它。

這是未經測試的代碼，但我認爲這是正確的做法：

.. 
//store the bitmapdata in a seperate local variable 
var bmd:BitmapData = LoaderInfo(e.target).content; 
//create a ColorTransform Object to change the values of the BMD 
var cTransform:ColorTransform = new ColorTransform(); 
//now here I am unsure, manipulating the alpha value of the BMD 
cTransform.alphaMultiplier = 0.6; 
//defining the rectangle dimensions of the bmd, we want it to be over the entire texture 
var rect:Rectangle = new Rectangle(0,0,bmd.width,bmd.height); 
//apply the colorTransformation on the BMD 
bmd.colorTransform(rect,cTransform); 
... 
//the now manipulated BMD gets set as lineBitmapStyle 
myDrawContainer.graphics.lineBitmapStyle(bmd); 

而現在，我想想，也許我們可以解決辦法設置在BMD Alpha值，首先創建一個位圖，在那裏設置alpha值，然後使用Bitmap的bitmapdata。就像這樣：

var bmd:BitmapData = LoaderInfo(e.target).content; 
var bm:Bitmap = new Bitmap(bmd); 
bm.alpha = 0.6; 
myDrawContainer.graphics.lineBitmapStyle(bm.bitmapData); 

---

好了，從上面的第一個片段似乎是做到這一點的方式，但中BitmapData的transparent值必須是真實的。考慮到你不是直接自己創建BitmapData，並且該值是假的，我們在這裏有一個相當棘手的情況。

另一種方法是創建一個額外的BitmapData允許transparancy和draw()加載的圖像就可以了的BitmapData：

var bmdSource:BitmapData = LoaderInfo(e.target).content; 
var bmd:BitmapData = new BitmapData(bmdSource.width, bmdSource.height,true,0xffffffff); 
var cTransform:ColorTransform = new ColorTransform(); 
cTransform.alphaMultiplier = 0.6; 
var rect:Rectangle = new Rectangle(0,0,bmd.width,bmd.height); 
bmd.colorTransform(rect,cTransform); 
//now we have a completely white bitmapdata bmd, with an alpha value of 0.6 
//we draw the contents of the bmdSource onto bmd, the alpha value effect should carry over 
bmd.draw(bmdSource);