A Flash Developer Resource Site

Results 1 to 12 of 12

Thread: McDonalds page

  1. #1
    Junior Member
    Join Date
    Sep 2004
    Posts
    9

    McDonalds page

    Hi,
    I was wondering if anyone could point me in the right direction? Im lookin for a tutorial or .fla file of a similar effect that you can see on this page>> http://www.mcdonalds.com please note that the site is not of a particular country and is their home page.
    I know its not done very well, but i like the idea very much and think i can use it.
    Thankx for your help,
    Uz
    PLZZZZZ, i need help asap... if anyone can help it would be much appreciated.... plzzzz
    Last edited by Urzana; 09-26-2004 at 01:13 PM.

  2. #2
    Senior Member whispers's Avatar
    Join Date
    Mar 2001
    Location
    CFA2h (respect the HEX)
    Posts
    12,756
    what effect are we supposed to be looking at to help you?

    the rollover images thing??

    If so:

    its just three images..under a mask (frame)...and when you roll over them..the scale UP (under that mask)...and have the "divider" bar move a little to the right or left..


    -whispers-

  3. #3
    Junior Member
    Join Date
    Sep 2004
    Posts
    9
    I tried doing that... but i was faced with the problem of layers... one is overlapping the other and i havent a clue how to co-ordinate the divider with the scaling of the picture.
    This is what i have done so far... isnt much i know.
    If u could help with a tutorial where i can find this... or an .fla file that would be great.
    Thanx for replying.
    Attached Files Attached Files

  4. #4
    Senior Member whispers's Avatar
    Join Date
    Mar 2001
    Location
    CFA2h (respect the HEX)
    Posts
    12,756
    well if I was good at actionscript I could whip t up for you quick...but you could probably do it as quickly as I.

    So I will explain it to you first.

    there is probably a super easy way...but after hearing your problems.. I see what you mean.

    So,..think of it like this:

    you have all 3 images on one layer. These images are buttons that do nothing more than scale up the image inside of it.

    you have ONE mask on a layer above these buttons/images....

    give it an instance name of course...(make it a movie clip)

    now on the buttons, give some code to change the _x location of that mask. (while also scaling it)

    you could also change the depth of the "images" if need be (as I would think the McDonalds ones would)

    if I get soem time to actually whip this up...I'll post for ya..

    -whispers-

  5. #5
    Junior Member
    Join Date
    Sep 2004
    Posts
    9
    oh... im not too good with action scripting, but i will try to do my best and keep this thread open with the results. If anyone else can throw some light here it would be most welcome.

  6. #6
    Space Monkey daarboven's Avatar
    Join Date
    Sep 2001
    Location
    in the basement boiling soap...
    Posts
    217
    why not using .swapDepths() to have the rollovered clip always on top?
    :::i am jacks complete lack of surprise:::

  7. #7
    Senior Member whispers's Avatar
    Join Date
    Mar 2001
    Location
    CFA2h (respect the HEX)
    Posts
    12,756
    see..I knew there would be an easier way! Mine was too complicated...

    this uses your movie..with a simple fix.

    -whispers-

  8. #8

  9. #9
    Space Monkey daarboven's Avatar
    Join Date
    Sep 2001
    Location
    in the basement boiling soap...
    Posts
    217
    this is a simple but not very smooth attempt.
    better than tweening would be to scale the mc up while mouse Over and scale down on mouse Out.
    something like this:

    button:
    on(rollOver,dragOver){
    myroll=true;
    my_mc1.swapDepths(20);
    }
    on(rollOut,dragOut){
    myroll=false;
    }

    image mc:
    onClipEvent(enterFrame){
    if(myroll==true){
    if(this._xscale<200){
    this._xscale++;
    this._yscale=this._xscale;
    }
    }
    else if(myroll==false){
    if(this._xscale>100){
    this._xscale--;
    this._yscale=this._xscale;
    }
    }

    }

    some code like that should give smoother scaling to the images....

    daar
    :::i am jacks complete lack of surprise:::

  10. #10
    Junior Member
    Join Date
    Sep 2004
    Posts
    9
    Thanx guys!!! This works great! You guys are the best!

  11. #11
    Junior Member
    Join Date
    Sep 2004
    Posts
    9
    Its me again...
    This works fine, but its still not the same as the mcdonalds site. I noticed that on that site, when u roll-over the image on the extreme left and then roll-over the image on the extreme right, u will notice that both the white lines move!!! Thats the funky part of the animation. Else its lookin quite plain. If u think of anything keep me posted. Thanx.

  12. #12
    Senior Member whispers's Avatar
    Join Date
    Mar 2001
    Location
    CFA2h (respect the HEX)
    Posts
    12,756
    yes..I noticed that as well....which is why I explained my way first......you can control the mask slide from the buttons..and scale it as well...


    try my way...shouldnt be too hard for you..just searcj for the things I posted.. (moving an object with AS, scaling an object with AS..and swapDepths)

    -whispers-

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center