Flash Preloader Apple-style

Discussion in 'Web Design and Development' started by crees!, Dec 29, 2006.

  1. crees! macrumors 68000

    crees!

    Joined:
    Jun 14, 2003
    Location:
    MD/VA/DC
    #1
    Yes, this is a lame request. Just trying to avoid reinventing the wheel (to some degree at least). Does anyone have an FLA/SWF of Apple's circular loading animation? The loading code is unimportant really, it's more the animation I'm after. It's a bit hard for me to work on it when I'm behind a PC with no reference material.

    \m/
     
  2. desenso macrumors 6502a

    desenso

    Joined:
    May 25, 2005
    #2
  3. aussieNickuss macrumors newbie

    Joined:
    Dec 28, 2006
    Location:
    Ballarat, Victoria, Australia
    #4
    AJAX Load....

    http://www.ajaxload.info/.

    You can generate all sorts of loading gifs there including the humble spinner/pinwheel.
     
  4. crees! thread starter macrumors 68000

    crees!

    Joined:
    Jun 14, 2003
    Location:
    MD/VA/DC
    #5
    Well I actually created my own but am having some issues though. In Flash I created a rounded pill-like rectangle and made it a graphic. Then I went to create the 12 pedals, so I horizontal center aligned and then vertical bottom aligned to the clip. Next was to move the pedal up, off the registration point. Then I free transformed and moved the pill's anchor point straight down to the registration point. Now all I needed to do was create a copy of the pill, paste it in place, then use the scale and rotate dialog to rotate it exactly 30 degrees. Do that 11 times, change colors of 4 pills and it looks perfect. Finally what needs to be done is animating it. Well that's easy. You do the same as with the pills. Duplicate, rotate 30 (around the center registration this time), duplicate, rotate 30, repeat.

    The only issue(s) is when you play that SWF you see the pedals slightly wiggling back and forth and up and down. Plus the rounded edges weren't so round. I ended up fixing the edges by using the pen to create a line with a stroke of 2. There it looked perfectly round when stretched full screen.. but still it wobbles.

    I don't understand why it wobbles if I'm using numbers (the dialog) to rotate exactly 30 degrees as opposed by hand.

    I'm not at work but surely I can create both for you all to look at (the rounded rects and lines).
     
  5. vicemond macrumors newbie

    Joined:
    Mar 14, 2007
    #6
    Preloader - Mac style

    I was looking for the same thing you were, saw this post, and then eventually decided to make one of my own. This is probably a much more efficient way of doing things. The bars don't actually move, just their _alpha, so you won't see any jumping. And the ActionScript and filesize are super-small because of how simple this is. Feel free to use it:
     

    Attached Files:

  6. crees! thread starter macrumors 68000

    crees!

    Joined:
    Jun 14, 2003
    Location:
    MD/VA/DC
    #7
    Thanks vicemond, I'll take a look at it. What I ended up doing was creating 12 clips and by hand changed their colors appropriately for each rotation, then put those 12 clips on their own keyframes. Actionscript would be better though since I could control the rotation speed no matter what the fps.
     

Share This Page