./Components

Flex 3 Wipe Effects

Flex IconIn my previous post I was looking at Flex effects and how to combine and target them. However watch out if you are using multiple mask based effects, like Wipe effects. If you are trying to get multiple wipe effects to run in parallel on the same target you aren’t going to get what you expect.

If you think about it, it is obvious why; the documentation and functionality regarding masks in general is quite explicit. You can only have one mask applied and active on a specific target any any one time. If you were to apply another mask the new mask is applied and the old one is deactivated. So with that in mind I started to play around with the masks and various resize and move effects to try and achieve what I wanted to do.

So while sitting on the train heading home one evening I came up with the following effects below. Obviously these are a variation on a theme, but they were what I was after. If you think they would be useful in a Flex project you are doing feel free to download them from my dev site

Discussion

3 comments for “Flex 3 Wipe Effects”

  1. I have been trying to write a function or several states to accomplish this kind of effect. When do you think it will be up on the dev site?

    Posted by Jens | November 15, 2008, 20:22
  2. “I have been trying to write a function or several states to accomplish this kind of effect. When do you think it will be up on the dev site?”

    no time soon, apparently

    Posted by hsTed | February 28, 2009, 16:23
  3. Its sadness but I cant find the source code of post’s example. Could you help me?

    Posted by shaman4d | March 15, 2010, 13:53

Post a comment