<?xml version="1.0" encoding="utf-8"?>
<s:Application 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:mx="library://ns.adobe.com/flex/halo" 
    xmlns:s="library://ns.adobe.com/flex/spark"
    enterFrame="enterFrameHandler()"
    render="renderHandler()"
    frameRate="24"
    height="200">
    
    <fx:Script>
        <![CDATA[
            import flash.utils.getTimer;
            import spark.effects.easing.Linear;
            import mx.events.EffectEvent;
            import spark.effects.animation.Animation;
            import spark.effects.supportClasses.AnimateInstance;

            // enterFrame variables
            private var numFrames:int = 0;
            private var startTime:Number = -1;
            [Bindable]
            private var fps:int = 0;
            [Bindable]
            private var rate:uint;
            
            // render variables
            private var numRenderFrames:int = 0;
            private var startRenderTime:Number = -1;
            [Bindable]
            private var fpsRender:int = 0;
            
            // anim rate variables
            private var numAnimFrames:int = 0;
            private var startAnimTime:Number = -1;
            private var prevAnimTime:Number = -1;
            [Bindable]
            private var fpsAnim:int = 0;
            
            private function enterFrameHandler():void
            {
                if (stage)
                    rate = stage.frameRate;
                ++numFrames;
                if (startTime < 0)
                    startTime = getTimer();
                var currTime:Number = getTimer();
                var deltaTime:Number = currTime - startTime;
                if (deltaTime > 1000)
                {
                    fps = Math.round(numFrames * (deltaTime / 1000));
                    numFrames = 0;
                    startTime = currTime;
                }
            }
            
            private function renderHandler():void
            {
                ++numRenderFrames;
                if (startRenderTime < 0)
                    startRenderTime = getTimer();
                var currRenderTime:Number = getTimer();
                var deltaTime:Number = currRenderTime - startRenderTime;
                if (deltaTime > 1000)
                {
                    fpsRender = Math.round(numRenderFrames * (deltaTime / 1000));
                    numRenderFrames = 0;
                    startRenderTime = currRenderTime;
                }
            }
            
            private function animStart():void
            {
                startAnimTime = -1;
                numAnimFrames = 0;
            }
            
            private function animUpdateHandler(event:EffectEvent):void
            {
                var anim:Animation = AnimateInstance(event.effectInstance).animation;
                ++numAnimFrames;
                if (startAnimTime < 0)
                    startAnimTime = getTimer();
                var currAnimTime:Number = getTimer();
                var deltaTime:Number = currAnimTime - startAnimTime;
                if (deltaTime > 1000)
                {
                    fpsAnim = Math.round(numAnimFrames / (deltaTime / 1000));
                }
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
        <s:Move id="animator" xFrom="0" xTo="{width - rect.width}" targets="{[rect]}"
                autoCenterTransform="true" easer="{new Linear()}" duration="3000"
                effectUpdate="animUpdateHandler(event)" effectStart="animStart()"/>
    </fx:Declarations>
    <s:HGroup>
        <mx:Label text="Requested Frame Rate"/>
        <s:TextInput id="rateInput" width="40" text="24" change="{stage.frameRate = uint(rateInput.text)}"/>
    </s:HGroup>
    <s:VGroup right="10">
        <s:HGroup>
            <mx:Label text="Reported FPS"/>
            <mx:Label text="{rate}" width="40" />
            <mx:Label text="Actual FPS"/>
            <mx:Label text="{fps}" width="40"/>
        </s:HGroup>
        <s:HGroup>
            <mx:Label text="Render FPS"/>
            <mx:Label text="{fpsRender}" width="40"/>
        </s:HGroup>
        <s:HGroup>
            <mx:Label text="Animation FPS"/>
            <mx:Label text="{fpsAnim}" width="40"/>
        </s:HGroup>
    </s:VGroup>
    <s:Button y="40" label="Play Move" click="animator.play()"/>
    <s:Rect id="rect" x="0" y="100" width="50" height="50">
        <s:fill>
            <s:SolidColor color="red"/>
        </s:fill>
    </s:Rect>
</s:Application>