Example of Spark Wipe effect?

Question

Does anyone have an example of using the new Wipe effect outside the context of a transition?
Thanks,
David

Answer 1

And here's an update of your example with the non-transition usage. It can be done. However, it helps to match the size of the target and the bitmap you are going from etc. You avoid some of that awkwardness in your example by binding your rect size to the size of the bitmap. Anyhow, hope this helps a bit more. The animateShader classes are very powerful once you understand their usages:
<?xml version="1.0" encoding="utf-8"?>
<s:Application
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo" >
    <fx:Script>
        <![CDATA[
            import spark.effects.WipeDirection;
            [Embed(source='asset/blue.png')]
            public var blueImage:Class;
            public var blueBitmap:Bitmap = new blueImage();
        ]]>
    </fx:Script>
    <fx:Declarations>
        <s:Wipe id="wipeIn"
        target="{wipeGraphic}"
        direction="{WipeDirection.RIGHT}"
        bitmapFrom="{blueBitmap.bitmapData}"/>
    </fx:Declarations>
    <s:Group id="g1"
    x="143" y="89">
        <s:Rect id="wipeGraphic"
        width="{blueBitmap.width}" height="{blueBitmap.height}">
            <s:fill>
                <mx:SolidColor color="#EEEEEE"/>
            </s:fill>
        </s:Rect>
    </s:Group>
    <s:Button x="140" y="338"
    label="Play Effect"
    click="wipeIn.play()"/>
</s:Application>