<?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"
viewSourceURL="srcview/index.html"
width="510" height="330">
<fx:Script>
<![CDATA[
import spark.filters.ShaderFilter;
[Embed("images/GoldenGate.jpg")]
[Bindable]private var GoldenGate:Class;
[Embed("shaders/Grayscaler.pbj", mimeType="application/octet-stream")]
private static var GrayscalerShaderClass:Class;
[Bindable]private var grayscalerShader:Shader = new Shader(new GrayscalerShaderClass());
]]>
</fx:Script>
<fx:Declarations>
<s:ShaderFilter id="grayscaler" shader="{grayscalerShader}"/>
</fx:Declarations>
<s:VGroup x="5" y="5">
<s:HGroup>
<s:Label baseline="15" text="Colorization:"/>
<s:HSlider id="slider" minimum="0" maximum="1" snapInterval=".01"
liveDragging="true"
change="grayscaler.colorization = slider.value"/>
</s:HGroup>
<s:BitmapImage source="{GoldenGate}" filters="{[grayscaler]}"/>
</s:VGroup>
</s:Application>