<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns="http://www.degrafa.com/2007"
    layout="absolute"
    backgroundGradientColors="[#333333,#666666]" viewSourceURL="srcview/index.html">
    
    <mx:Style source="assets/style/style.css"/>
    
    <mx:Label text="Raster Text" top="30" right="30" styleName="title"/>
        
    <GeometryComposition graphicsTarget="{[drawCanvas]}">
        <RasterText id="rasterText" text="{textField.text}" textColor="{colorText.selectedColor}" size="64" horizontalCenter="0" fontFamily="Arial" fontWeight="bold">
            <transform>
                <TransformGroup>
                    <SkewTransform skewX="{skewSlider.value}"/>
                    <RotateTransform angle="{rotateSlider.value}" registrationPoint="center"/>
                </TransformGroup>
            </transform>
            <filters>
                <mx:GlowFilter
                    color="#FF00FF"/>
            </filters>
        </RasterText>
    </GeometryComposition>
    
    <mx:Canvas id="drawCanvas" top="100" horizontalCenter="0" width="100%" height="300" borderStyle="solid" borderThickness="0">
        <mx:VBox left="40">
            <mx:TextInput id="textField" text="Adobe MAX" fontSize="24" color="#333333"/>
            <mx:HSlider id="skewSlider" minimum="0" maximum="40" liveDragging="true"/>
            <mx:HSlider id="rotateSlider" minimum="0" maximum="360" liveDragging="true"/>
            <mx:ColorPicker id="colorText" selectedColor="#FFFFFF"/>
        </mx:VBox>
    </mx:Canvas>
    
</mx:Application>