A Pixel Bender example

1. Download the TubeView pixel bender file (by Petri Leskinen) from the Adobe Pixel Bender Exchange:

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1545522

2. Use it in source code like this:

<?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">

<s:VGroup x="20" y="20" width="100%" height="100%">
    <s:HGroup>
        <s:SimpleText text="Radius:" />
        <mx:HSlider id="sliderRadius" minimum="0" maximum="600" value="200" liveDragging="true" />
    </s:HGroup>
    <s:HGroup>
        <s:SimpleText text="X:" />
        <mx:HSlider id="sliderX" minimum="0" maximum="{dg1.width}" value="{dg1.width / 2}" liveDragging="true" />
    </s:HGroup>
    <s:HGroup>
        <s:SimpleText text="Y:" />
        <mx:HSlider id="sliderY" minimum="0" maximum="{dg1.height}" value="{dg1.height / 2}" liveDragging="true" />
    </s:HGroup>
    <s:HGroup>
        <s:SimpleText text="Turbulence:" />
        <mx:HSlider id="sliderTurbulence" minimum="0" maximum="10" value="1" liveDragging="true" />
    </s:HGroup>
   
    <mx:DataGrid id="dg1" width="100%" height="100%" >
        <mx:filters>
            <s:ShaderFilter shader="@Embed(source='TubeView.pbj')"
                radius="{sliderRadius.value}"
                center="{[sliderX.value,sliderY.value]}"
                turbulence="{sliderTurbulence.value}" />
        </mx:filters>
        <mx:dataProvider>
            <mx:ArrayCollection>
                <fx:Object metric="centimeter" imperial="inch" />
                <fx:Object metric="meter" imperial="yard" />
                <fx:Object metric="kilometer" imperial="mile" />
                <fx:Object metric="cubic centimeter" imperial="cubic inch" />
                <fx:Object metric="liter" imperial="quart" />
                <fx:Object metric="gram" imperial="ounce" />
                <fx:Object metric="kilogram" imperial="pound" />
                <fx:Object metric="metric ton" imperial="ton" />
            </mx:ArrayCollection>           
        </mx:dataProvider>
    </mx:DataGrid>
</s:VGroup>

</s:Application>