<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/10/13/3d-rotating-objects-in-flex-using-the-fxrotate3d-effect-and-flash-player-10/ -->
<s:Application name="Spark_Rotate3D_test"
        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:layout>
        <s:BasicLayout />
    </s:layout>
 
    <fx:Declarations>
        <s:Rotate3D id="rotate3DX"
                target="{image}"
                angleXFrom="0"
                angleXTo="360"
                duration="2000"
                autoCenterTransform="true" />
 
        <s:Rotate3D id="rotate3DY"
                target="{image}"
                angleYFrom="0"
                angleYTo="360"
                duration="2000"
                autoCenterTransform="true" />
 
        <s:Rotate3D id="rotate3DZ"
                target="{image}"
                angleZFrom="0"
                angleZTo="360"
                duration="2000"
                autoCenterTransform="true" />
    </fx:Declarations>
 
    <mx:ApplicationControlBar width="100%" cornerRadius="0">
        <s:Button id="buttonX"
                label="Rotate3D X-axis"
                click="rotate3DX.play();" />
        <s:Button id="buttonY"
                label="Rotate3D Y-axis"
                click="rotate3DY.play();" />
        <s:Button id="bButtonZ"
                label="Rotate3D Z-axis"
                click="rotate3DZ.play();" />
    </mx:ApplicationControlBar>
 
    <s:BitmapImage id="image"
            source="@Embed('assets/fx_appicon.jpg')"
            resizeMode="scale"
            smooth="true"
            horizontalCenter="0"
            verticalCenter="0"
            width="100"
            height="100" />
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/10/13/3d-rotating-objects-in-flex-using-the-fxrotate3d-effect-and-flash-player-10/ -->
<s:Application name="Spark_Rotate3D_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo"
        initialize="init();">
    <s:layout>
        <s:BasicLayout />
    </s:layout>
 
    <fx:Script>
        <![CDATA[
            import mx.containers.ApplicationControlBar;
            import spark.components.Button;
            import spark.components.ResizeMode;
            import spark.primitives.BitmapImage;
            import spark.effects.Rotate3D;
 
            [Embed("assets/fx_appicon.jpg")]
            private const FlexLogo:Class;
 
            private var rotate3DX:Rotate3D;
            private var rotate3DY:Rotate3D;
            private var rotate3DZ:Rotate3D;
            private var image:BitmapImage;
            private var buttonX:Button;
            private var buttonY:Button;
            private var buttonZ:Button;
 
            private function init():void {
                buttonX = new Button();
                buttonX.label = "Rotate3D X-axis";
                buttonX.addEventListener(MouseEvent.CLICK, buttonX_click);
 
                buttonY = new Button();
                buttonY.label = "Rotate3D Y-axis";
                buttonY.addEventListener(MouseEvent.CLICK, buttonY_click);
 
                buttonZ = new Button();
                buttonZ.label = "Rotate3D Z-axis";
                buttonZ.addEventListener(MouseEvent.CLICK, buttonZ_click);
 
                var appControlBar:ApplicationControlBar = new ApplicationControlBar();
                appControlBar.percentWidth = 100;
                appControlBar.setStyle("cornerRadius", 0);
                appControlBar.addElement(buttonX);
                appControlBar.addElement(buttonY);
                appControlBar.addElement(buttonZ);
                addElementAt(appControlBar, 0);
 
                image = new BitmapImage();
                image.source = FlexLogo;
                image.smooth = true;
                image.resizeMode = ResizeMode.SCALE;
                image.width = 100;
                image.height = 100;
                image.horizontalCenter = 0;
                image.verticalCenter = 0;
                addElement(image);
 
                rotate3DX = new Rotate3D(image);
                rotate3DX.angleXFrom = 0;
                rotate3DX.angleXTo = 360;
                rotate3DX.duration = 2000; /* 2 seconds */
                rotate3DX.autoCenterTransform = true;
 
                rotate3DY = new Rotate3D(image);
                rotate3DY.angleYFrom = 0;
                rotate3DY.angleYTo = 360;
                rotate3DY.duration = 2000; /* 2 seconds */
                rotate3DY.autoCenterTransform = true;
 
                rotate3DZ = new Rotate3D(image);
                rotate3DZ.angleZFrom = 0;
                rotate3DZ.angleZTo = 360;
                rotate3DZ.duration = 2000; /* 2 seconds */
                rotate3DZ.autoCenterTransform = true;
            }
 
            private function buttonX_click(evt:MouseEvent):void {
                rotate3DX.play();
            }
 
            private function buttonY_click(evt:MouseEvent):void {
                rotate3DY.play();
            }
 
            private function buttonZ_click(evt:MouseEvent):void {
                rotate3DZ.play();
            }
        ]]>
    </fx:Script>
 
</s:Application>