1

スプライトを BitmapData に描画するという奇妙な動作に遭遇しました。このスプライトは、画面に直接描画するときれいに見えます。しかし、このスプライトが BitmapData に描画されると、スプライトはマスクされます...しかし、そのスプライトに適用されるそのようなマスクはありません!

この「悪いマスク」は、オフとオンを切り替えることができます...描画しているスプライトに別のマスクを適用する/適用しないことによって。このマスクは、「不良マスク」と同じ形状または位置ではありません。

代替テキスト http://img5.imageshack.us/img5/8310/masked.png

私が何か間違ったことをしているのだろうか、それともバグなのだろうか? ドキュメントに記載されている方法でマスクを追加しています。「悪いマスク」は、私が描いているスプライト(drawingSprite)の親に対する相対的な位置から座標を取得しているように見えます。


package
{

import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.Sprite;

import mx.core.UIComponent;

public class tmpa extends UIComponent
{

    public function tmpa( ):void
    {   var topSprite:Sprite = new Sprite();
        topSprite.x = 0;
        topSprite.y = 0;
        addChild( topSprite );

        var canvasSprite:Sprite = new Sprite();
        canvasSprite.x = 5;
        canvasSprite.y = 35;
        topSprite.addChild( canvasSprite );

        var drawingSprite:Sprite = new Sprite();
        canvasSprite.addChild( drawingSprite );

        var maskSp:Sprite = new Sprite();
        maskSp.graphics.beginFill( 0xFFFFFF, 1 );
        maskSp.graphics.drawRect( 0, 0, 200, 200 );
        maskSp.graphics.endFill();

        //toggle these two lines of code
        canvasSprite.addChild( maskSp );
        drawingSprite.mask = maskSp;

        drawingSprite.graphics.beginFill( 0xFF0000, 1 );
        drawingSprite.graphics.drawRect( 0, 0, 200, 200 );
        drawingSprite.graphics.endFill();

        drawingSprite.graphics.beginFill( 0x00FF00, 1 );
        drawingSprite.graphics.drawCircle( 0, 0, 100 );
        drawingSprite.graphics.endFill();


        //a snapshot with default blue background
        var bmd:BitmapData = new BitmapData( 100, 100, false, 0x0000FF );
        bmd.draw( drawingSprite );
        var bm:Bitmap = new Bitmap( bmd );
        bm.x = 300;
        bm.y = 35;
        addChild( bm );
    }

}
}

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:a="*" width="100%" height="100%">
    <a:tmpa id="t" width="100%" height="100%" x="0" y="0" left="0" top="0"/>
</mx:Application>
4

1 に答える 1