A Flash Developer Resource Site

Results 1 to 5 of 5

Thread: Smooth transitions to different parts on a website?

  1. #1
    Junior Member
    Join Date
    Feb 2006
    Posts
    3

    Smooth transitions to different parts on a website?

    Im having a problem figuring out how make animated transitions from one page of a website to another page. Like in this site.... http://www.templatemonster.com/flash...tes/10231.html ...my question is when you click on a navigational button how do you make the elements on that page zoom out, and then have the new ones zoom in no matter where you are in the site? My knowledge of flash so far only permits me to have the page elements abruptly dissappear, and have the new ones smoothly come in. I would imagine it would have somthing to do with actionscript I could be wrong? So if anyone could point me to a tutorial or tell me how to do it, that would be great. Im having a hard time asking this question since I lack the appropriate lingo, so please let me know if what Im asking makes since. Thanks so much.

  2. #2
    Member Pepember
    Join Date
    Jul 2001
    Location
    Berlin
    Posts
    886
    there's almost no way around actionscript to do such a thing (well, you could animate all the movements on by hand using tweens, but that is less flexible and also less elegant - but then, all what counts is the outcome).
    if you want to stay flexible and use actionscript, look at ladislav zigo's tweening classes, they're easy to use. download and install them and play around with them. you need basic understanding of AS and its syntax, though...
    http://laco.wz.cz/tween/
    Please sign here

  3. #3
    Junior Member
    Join Date
    Feb 2006
    Posts
    3
    I was hoping there would be some script along the lines of "on release goto frame x" (x would start the smooth animation out) then once that sequence was over it would continue to a new script telling it if page1 was clicked goto page 1, or if page 2 was pressed go to page 2. So everything would be seamless. Seemlessness is what Im looking for. Thanks.

    p.s. I cant get that to work theTick.

  4. #4
    Can't Re-Member madzigian's Avatar
    Join Date
    Apr 2004
    Location
    Boston MA
    Posts
    2,662
    onRelease goto frame x" (x would start the smooth animation out) then once that sequence was over it would continue to a new script telling it if page1 was clicked goto page 1, or if page 2 was pressed go to page 2.
    You can do exactly what you're talking about above. There are a few different ways you can do it. Basically you set a variable onRelease of a button and start your transition playing. At the end of the transition you call your preloader which loads a movie based on the variable set by the button. when loading completes, it starts your transition playing again to reveal your freshly loaded movie.

    There are pretty much 2 ways to go about creating the transitions. You can either create one transition that with transition your pages in and out (which is the easier and less time consuming way to do things) OR you can create different transitions in and out for each movie (which is more time consuming and a pain to make changes to...and also harder to trouble shoot if you are having problems) I'd suggest making one transition clip if you're unfamiliar with how this process works.

    Take a look at these tutorials:
    http://www.kirupa.com/developer/mx2004/transitions.htm
    http://www.kirupa.com/developer/mx/p...transition.htm

    http://www.kirupa.com/developer/mx2004/masks.htm


    also...as theTick mentioned, ladislav zigo's tweening classes are fantastic. For people who are not familiar enough with ActionScript to write their own tweening/easing functions/prototypes...they are a very simple and easy to understand way to achieve the same effects (and for those who are familiar with AS.. they're a simple and easy shortcut... a huge time-saver!!)
    Last edited by madzigian; 02-28-2006 at 03:56 PM.
    Please DO NOT PM me simply for individual help. Post in the public forums...that's what they are for, and they allow others to benefit as well. - Thx
    OS X 10.3.9 || Flash MX04 Pro
    | del.icio.us || furl || Helpful Source Files || Free Pixel Fonts |

  5. #5
    Junior Member
    Join Date
    Feb 2006
    Posts
    3
    That helped tons! Thankyou!!!

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