Image move effect

The following example will illustrate the use an effect on component (in this case an image) using your mouse.


<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >

<mx:Script>
<![CDATA[

private function moveAction():void
{
moveImage.end();
moveImage.xTo = mouseX - ( imageAnimation.width / 2);
moveImage.yTo = mouseY - ( imageAnimation.height / 2);
moveImage.play();
}

]]>
</mx:Script>

<mx:Move id="moveImage" target="{imageAnimation}" duration="300"/>

<mx:Canvas width="100%" height="100%"
verticalScrollPolicy="off" horizontalScrollPolicy="off"
click="moveAction()" >

<mx:Image
id="imageAnimation"
source="@Embed('assets/flash_icon.png')" >
</mx:Image>

</mx:Canvas>

</mx:Application>






Click anywhere on the canvas to move the image

 

Reader Comments



Labels