Flex 3 MouseDown / MouseUp Image Blur Effect

Simply press the image to view the blur effect.

Another view of the code (corrected):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Blur id="blurImage" duration="1000" blurXFrom="0.0" blurXTo="100.0" blurYFrom="0.0" blurYTo="10.0" />
<mx:Blur id="unblurImage" duration="1000" blurXFrom="100.0" blurXTo="0.0" blurYFrom="10.0" blurYTo="0.0" " />
<mx:Image id="flex" source="@Embed(source=’assets/smiley.png’)" mouseDownEffect="{blurImage}" mouseUpEffect="{unblurImage}" />
</mx:Application>

Posted in Flex Web Development.

4 comments

By admin – October 20, 2008

4 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

koboibdg says

how do i put it into html? sorry this is an idiot question, im newbie

January 19, 2009, 10:39 pm
easymind says

Shot answer: YOU probably cannot in the near future.
Long answer: Flex is a different language. So you need the software to build in flex, which is called flex builder and costs money. If you copy the code to a project in this builder software you can then press a button so it ‘compiles’ the code to a flash swf file. The newly created swf flash file can be embedded on a html page, like any other swf file.

June 26, 2009, 8:22 am
Vincenzo Fiore Marrese says

Hi,
as you know, to create the SWF from the code above you don’t need Flex Builder software that costs money.
You only need Flex framework that is free.
As you can read here (http://www.adobe.com/products/flex/overview/): “Flex is a free” and “Adobe Flex Builder 3 accelerates Flex application development”.
Compile the code from a command line interface using Flex framework is easy like press a button in the graphic user interface of Flex Builder software.

September 11, 2009, 10:16 pm
Asanka Lakamal says

Thanks. Very easily identify the code
Thanks

October 14, 2009, 7:46 pm