I guess, even as a Windows developer, you will notice it when your Interaction Designer and/or Visual Designer has a Mac. About every effect Mac OS X offers, has to be repeated at some point in some Flash application. So can do you all of the following?

  • mirroring
  • Expose
  • Icon Dock
  • iTunes
  • Coverflow
  • Genie

So here’s a first version of the Genie effect. Not very flexible yet, but the direction is there. See the swf for the effect: click on the image to make it go icon, click again to make it pop back up.
The code can be found here. It requires the ASAPFramework v0.94 in your classpath, and a single image in the library with a linkage id.

28 Aug, 2007, 15:44 o'clock

Add your own comment or set a trackback

Currently 6 comments

  1. Comment by rkalexander

    Kumar,

    Did you ever create your custom class off of what our good friend Stephan built?

  2. Comment by Kumar

    Hi Stephan,

    your code will save my life from frantically searching.
    will modify the code and make it real genie effect. You have given me a starting point.
    Thanks a lot.

    Cheers,
    Kumar

  3. Comment by dee

    i’m just trying to get my head round what does what in this thing, in order that i might repurpose it for myself, write in as3, and use the greensock tween stuff rather than the asap actionqueue stuff… there’s some fundamentals i dont have a grasp of tho. so i have loads of questions!

    when u create the new scaled bitmap date object, why is it that the height is variable, while the width is fixed?
    u r then scaling so it fits in a 200 square, right? why is both the scale values 200 / *width*? sorry for so many questions

    ok, the for loop, this makes a lot more instant sense, most of it anyway, your making 1 pixel high bitmapdata ‘rows’, filling with pixels from bmd2, and placing those rows in movieclips, what i dont understand is the angle and scale factor – again, sorry!

    then the doScaleX and doScaleY inits
    so doScaleX is passed 0, so verything is xscaled to 100%?
    and doScaleY is passed 1 so everything is simply ypositioned one after the other.

    now in the actual animation queue, your using 2 AQReturnValue actions for the slices – so if this is a queue do these run 1 after each other then? one where everything is scaling up, and then back down again?

    then u reinstantiate aq as a new queue, to scale the container and y-position the slices, does this queue run at basically the same time as the first queue, or after?

    i think thats all for now!!!!

    sorry i know this was ages ago, and its a lot of questions

  4. Comment by Lawrence

    I really don’t think Apple would consider legal action against a flash site… even if it is aesthetically similar.

    Anyway, as a UX designer and Flash dev, this code will be of great use to me. Thanks!

  5. Comment by stephan

    Let them sue me! :D

  6. Comment by Jankees

    Looks nice.. did you know there is a patent for this motion? ‘Invented’ by Bas Ording (HKU utrecht) for Apple

    http://www.google.com/patents?id=8ncLAAAAEBAJ&dq=Bas+Ording

    Groetjes!
    Jankees

Add your own comment



Follow comments according to this article through a RSS 2.0 feed

Twitter

Flickr

www.flickr.com
This is a Flickr badge showing public photos from AcidCats. Make your own badge here.