<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    backgroundGradientColors="[#dddddd,#dddddd]"
    layout="absolute" 
    width="500"
    height="500"
    creationComplete="start()">
    <mx:UIComponent id="mainUI"/>
    <mx:Script>
        <![CDATA[
            import five3D.typography.HelveticaBold;
            import five3D.utils.Drawing;
            import five3D.display.Scene3D;
            import five3D.display.DynamicText3D;
            import five3D.display.Shape3D;
            import five3D.display.Sprite3D;
 
            private var scene3D:Scene3D;
            private var sprite3D:Sprite3D;
            private var star3d:Shape3D;
            private var flexerWord:DynamicText3D;
            private var hiWord:DynamicText3D;
 
            // start drawing
            private function start():void
            {
                // create the scene
                scene3D = new Scene3D();
                scene3D.x = 250;
                scene3D.y = 250;
                // create the round rectangle/square
                sprite3D = new Sprite3D();
                sprite3D.graphics3D.beginFill(0x000000);
                sprite3D.graphics3D.drawRoundRect(-150, -150, 300, 300, 40, 40);
                sprite3D.graphics3D.endFill();
                // rotate the round rectangle/square randomly
                sprite3D.rotationX = Math.random()*100-50;
                sprite3D.rotationY = Math.random()*100-50;
                sprite3D.rotationZ = Math.random()*100-50;
                // create the star
                star3d = new Shape3D();
                Drawing.star(star3d.graphics3D, 20, 60, 50, 0, 0x6699cc);
                star3d.x = 120;
                star3d.y = -80;
                // rotate the start
                star3d.addEventListener(Event.ENTER_FRAME,
                    function (event:Event):void {
                        // rotate on Z axe 
                        event.target.rotationZ++; 
                    }
                );
                // "fxr" word
                flexerWord = new DynamicText3D(HelveticaBold);
                flexerWord.size = 45;
                flexerWord.color = 0xFFFFFF;
                flexerWord.text = "Fxr";
                flexerWord.x = 88;
                flexerWord.y = -110;
                // "hi" word
                hiWord = new DynamicText3D(HelveticaBold);
                hiWord.size = 100;
                hiWord.color = 0x555555;
                hiWord.text = "Hi!";
                hiWord.x = -112;
                hiWord.y = -34;
                // click event on the round rectangle/square
                sprite3D.addEventListener(MouseEvent.CLICK, 
                    function(event:MouseEvent):void
                    {
                        // rotate the round rectangle/square randomly
                        // all 3 axes
                        event.target.rotationX = Math.random()*100-50;
                        event.target.rotationY = Math.random()*100-50;
                        event.target.rotationZ = Math.random()*100-50;
                    }
                );
                sprite3D.mouseChildren = false;
                sprite3D.buttonMode = true;
                // adding scene to the main UI component
                mainUI.addChild(scene3D);
                // adding round rectangle/square to the scene
                scene3D.addChild(sprite3D);
                // adding the start to the round rectangle/square
                sprite3D.addChild(star3d);
                // adding "fxr" word to the round rectangle/square
                sprite3D.addChild(flexerWord);
                // adding "hi" word to the round rectangle/square
                sprite3D.addChild(hiWord);
            }
        ]]>
    </mx:Script>
</mx:Application>