<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/08/02/rotating-an-image-along-its-x-axis-y-axis-and-z-axis-in-flex-and-flash-player-10/ -->
<s:Application name="Spark_BitmapImage_rotationX_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:controlBarContent>
        <mx:Form styleName="plain" backgroundAlpha="0.0">
            <mx:FormItem label="rotationX:" direction="horizontal">
                <s:HSlider id="rXSlider"
                        minimum="-360" maximum="360"
                        value="0"
                        snapInterval="2"
                        width="180"
                        change="img.rotationX = rXSlider.value;" />
                <s:Label text="{rXSlider.value}" width="30" />
            </mx:FormItem>
            <mx:FormItem label="rotationY:" direction="horizontal">
                <s:HSlider id="rYSlider"
                        minimum="-360" maximum="360"
                        value="0"
                        snapInterval="2"
                        width="180"
                        change="img.rotationY = rYSlider.value;" />
                <s:Label text="{rYSlider.value}" width="30" />
            </mx:FormItem>
            <mx:FormItem label="rotationZ:" direction="horizontal">
                <s:HSlider id="rZSlider"
                        minimum="-360" maximum="360"
                        value="0"
                        snapInterval="2"
                        width="180"
                        change="img.rotationZ = rZSlider.value;" />
                <s:Label text="{rZSlider.value}" width="30" />
            </mx:FormItem>
        </mx:Form>
        <s:Button label="Reset" click="reset();" height="100%" />
    </s:controlBarContent>
 
    <fx:Script>
        <![CDATA[
            private function reset():void {
                rXSlider.value = 0;
                rYSlider.value = 0;
                rZSlider.value = 0;
                img.rotationX = 0;
                img.rotationY = 0;
                img.rotationZ = 0;
            }
        ]]>
    </fx:Script>
 
    <s:BitmapImage id="img"
            source="@Embed('assets/Fx.jpg')"
            horizontalCenter="0" verticalCenter="0" />
 
</s:Application>