FXG Editor exported XML Simple Animation

/**
 * Copyright hacker_nekomaru ( http://wonderfl.net/user/hacker_nekomaru )
 * GNU General Public License, v3 ( http://www.gnu.org/licenses/quick-guide-gplv3.html )
 * Downloaded from: http://wonderfl.net/c/k4Qw
 */

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   xmlns="library://ns.adobe.com/flex/spark" 
			   >
	
  <!--
    
    
  FXG EDITOR : http://fxgeditor.7jigen.net/  
  
  Open code panel and press [MXML Tag] Button.
  Flex SDK should be able to compile it as a graphic.
  
  
  -->	   
	
			   
	<fx:Script>
		<![CDATA[
		
		import flash.events.MouseEvent;
		import caurina.transitions.Tweener;
		import caurina.transitions.Equations;
		
		public function onClick( e:MouseEvent ):void {
			Tweener.addTween( item, { x:item.x + Math.random() * 100 ,
									  y:item.y + Math.random() * 100 , 
									  time: .5 , 
									  transition:Equations.easeOutBack  });
		}
		
		]]>
	</fx:Script>

  <Graphic id="item" version="2.0" viewHeight="400" viewWidth="400" xmlns:d="http://ns.adobe.com/fxg/2008/dt" click="onClick( event );">
    
    <Group x="35.1" y="28.1" scaleX="0.29708224534988403" scaleY="0.29708224534988403">
      
      <Path data="M514.385,243.586 C514.385,374.802 395.47,297.235 255.083,297.235C114.696,297.235 6,374.802 6,243.586C6,112.371 119.806,6 260.192,6C400.579,6 514.385,112.371 514.385,243.586L514.385,243.586Z" winding="nonZero" x="42.85" y="18.85">
        
        <fill>
          
          <RadialGradient x="147.785" y="115.851" scaleX="659.66" rotation="70.1537" scaleY="-682.466">
            
            <GradientEntry color="#FFFFFF" ratio="0"/>
            
            <GradientEntry color="#8FC1F6" ratio="0.5228758169934641"/>
            
            <GradientEntry color="#6662FE" ratio="1"/>
            
          </RadialGradient>
          
        </fill>
        
        <stroke>
          
          <SolidColorStroke color="#5E5E5E" alpha="1" weight="20.5" miterLimit="4" caps="none"/>
          
        </stroke>
        
        <filters>
          
          <DropShadowFilter blurX="6" blurY="6" color="#999999" alpha="1" distance="6" angle="45" strength="1" quality="2" inner="false" knockout="false" hideObject="false"/>
          
          <BevelFilter blurX="51" blurY="51" highlightColor="#FFFFFF" shadowColor="#000000" highlightAlpha="0.4" shadowAlpha="0.6" distance="14" angle="45" strength="1.3" type="inner" quality="2" knockout="false"/>
          
        </filters>
        
      </Path>
      
      <Path data="M126.071,137.566 C137.393,97.1401 206.863,85.8604 223.266,138.038" winding="nonZero" x="48.25" y="27.55">
        
        <stroke>
          
          <SolidColorStroke color="#6C6C6C" alpha="1" weight="20" miterLimit="4"/>
          
        </stroke>
        
      </Path>
      
      <Path data="M295.958,135.113 C307.28,94.687 374.845,89.1255 393.152,135.584" winding="nonZero" x="44.35" y="25.35">
        
        <stroke>
          
          <SolidColorStroke color="#6C6C6C" alpha="1" weight="20" miterLimit="4"/>
          
        </stroke>
        
      </Path>
      
      <Path data="M272.076,14.4873 C272.076,50.4658 211.169,79.6323 136.038,79.6323C60.9063,79.6323 0,50.4658 0,14.4873C0,-21.4912 62.1836,20.874 137.315,20.874C212.447,20.874 272.076,-21.4912 272.076,14.4873Z" winding="nonZero" x="176.8" y="208.45">
        
        <fill>
          
          <LinearGradient x="191.95" y="102.6" scaleX="127.35660563944062" rotation="-120.66285229596582">
            
            <GradientEntry color="#FF0000" ratio="0"/>
            
            <GradientEntry color="#8F0000" ratio="1"/>
            
          </LinearGradient>
          
        </fill>
        
      </Path>
      
      <RichText fontFamily="_sans" fontSize="30" color="#AAF66F" x="103.2" y="380.8">
        
        <content>
          
          <div fontSize="32">
            
            <p>
              
              <span/>
              
              <span alignmentBaseline="useDominantBaseline" backgroundAlpha="1" backgroundColor="transparent" baselineShift="0" breakOpportunity="auto" cffHinting="horizontalStem" color="#8790ad" digitCase="default" digitWidth="default" dominantBaseline="auto" fontFamily="Lucida Console" fontLookup="device" fontSize="79" fontStyle="normal" fontWeight="normal" kerning="auto" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textAlpha="1" textDecoration="none" textRotation="auto" trackingLeft="0" trackingRight="0" typographicCase="default">click me.</span>
              
              <span/>
              
            </p>
            
          </div>
          
        </content>
        
      </RichText>
      
      <Path data="M440.166,166.64 C440.166,258.672 337.208,204.268 215.659,204.268C94.1108,204.268 0,258.672 0,166.64C0,74.6069 98.5347,0 220.083,0C341.632,0 440.166,74.6069 440.166,166.64L440.166,166.64Z" winding="nonZero" x="55.4" y="45.3" scaleX="1.136891484260559" scaleY="1.2240264415740967" blendMode="add">
        
        <fill>
          
          <LinearGradient x="328.1" y="222.15" scaleX="240.1859956367149" rotation="-123.83893035950028">
            
            <GradientEntry color="#ADF980" ratio="0" alpha="0.35"/>
            
            <GradientEntry color="#AFE8EC" ratio="0.9738562091503268" alpha="0.07"/>
            
          </LinearGradient>
          
        </fill>
        
        <filters>
          
          <BevelFilter blurX="19" blurY="19" highlightColor="#FFFFFF" shadowColor="#000000" highlightAlpha="1" shadowAlpha="1" distance="23" angle="48" strength="3" type="inner" quality="3" knockout="false"/>
          
          <BlurFilter blurX="6" blurY="6" quality="2"/>
          
        </filters>
        
      </Path>
      
    </Group>
    
  </Graphic>
	
</s:Application>