<?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="Clock Numbers" top="30" right="30" styleName="title"/>
    
    <GeometryRepeater graphicsTarget="{[drawCanvas]}" count="12">
    
        <RasterText id="rastText" fontSize="24" color="#CCCCCC" fontFamily="Helvetica" align="center">
            <transform>
                <TransformGroup>
                    <RotateTransform id="rotTransform" centerX="20" centerY="100"/>
                    <RotateTransform id="numberRotate" registrationPoint="center"/>
                </TransformGroup>
            </transform>
        </RasterText>
        
        <modifiers>
            <PropertyModifier targets="{[rotTransform]}" offset="30" property="angle" offsetOperator="add"/>
            <PropertyModifier targets="{[numberRotate]}" offset="-30" property="angle" offsetOperator="add"/>
            <PropertyModifier targets="{[rastText]}" offset="[12,1,2,3,4,5,6,7,8,9,10,11]" property="text" offsetOperator="none"/>
        </modifiers>
        
    </GeometryRepeater>
    
    <mx:Canvas id="drawCanvas" horizontalCenter="0" top="200" bottom="0" borderStyle="solid" borderThickness="0"/>
    
</mx:Application>