jun 17
Door: Rian Verhagen
Met de Graphics API in AS3 is het heel simpel om dynamisch een cirkel te tekenen met de drawCircle functie. Ook een cirkel met een uitsparing is geen probleem. Moeilijker wordt het als je een dergelijke cirkel als masker wilt gebruiken. Flash ziet zo'n holle cirkel bij het maskeren simpelweg als een compleet gevulde cirkel. Weg effect!
De oplossing voor dit probleem (bug?) is om de getekende cirkel eerst in een BitmapData object te stoppen, en dat dan als masker te gebruiken. Hieronder vind je een code voorbeeld:
CODE:
-
var layerMask:Sprite = new Sprite();
-
-
//Zwarte fill van de cirkel
-
layerMask.graphics.beginFill(0x000000);
-
layerMask.graphics.drawCircle(150,150, 150);
-
layerMask.graphics.drawCircle(150,150, 100);
-
layerMask.graphics.endFill();
-
-
//BitmapData object aanmaken, transparant met een zwarte achtergrond.
-
var layerMaskBMD:BitmapData = new BitmapData(layerMask.width, layerMask.height, true, 0x000000);
-
layerMaskBMD.draw(layerMask);
-
-
//BitmapData object in een Bitmap object stoppen
-
-
var layerMaskBitmap:Bitmap = new Bitmap(layerMaskBMD);
-
-
//De cirkel is nu vertaald naar een bitmap en kan dus verwijderd worden.
-
-
layerMask.graphics.clear();
-
-
//Bitmap toevoegen aan layerMask.
-
layerMask.addChild(layerMaskBitmap);
-
-
layerMask.cacheAsBitmap = true;
-
-
addChild(layerMask);
-
De sprite layerMask kan nu gebruikt worden als mask. Voorwaarde is wel dat het te maskeren DisplayObject de property cacheAsBitmap = true heeft.
