dcsimg
A Flash Developer Resource Site

Results 1 to 6 of 6

Thread: Panaramic Scroll

  1. #1
    Senior Member
    Join Date
    May 2002
    Posts
    142
    Im Currently working on a web page that is in need of a scrolling panaramic view of an office. The best example of what I'm trying to achieve is on a web site that I found. Notice how the action curser is able to move the scene:

    http://www.dentalstudio101.com/popflash.htm (Click on "Studio Tour")


    As you can see from my experimenting (below), that I have been able to create a scrolling background but not the action curser.

    http://members.cox.net/windstorm_media/
    http://members.cox.net/windstorm_media/Pan.movie

    Any ideas on how I would create an action curser to scroll the scene?
    [Edited by pwihms on 07-22-2002 at 01:24 PM]

  2. #2
    KoolMoves Moderator blanius's Avatar
    Join Date
    Jul 2001
    Location
    Atlanta GA
    Posts
    5,244

    sure

    [QUOTE]Originally posted by pwihms
    [B]Any ideas on how I would create an action curser to scroll the scene?
    [Edited by blanius on 07-22-2002 at 02:39 PM]

  3. #3
    KoolMoves Moderator blanius's Avatar
    Join Date
    Jul 2001
    Location
    Atlanta GA
    Posts
    5,244

    repost

    Originally posted by pwihms


    Any ideas on how I would create an action curser to scroll the scene?
    [Edited by pwihms on 07-22-2002 at 01:24 PM]
    Had to repost this as the system would not show it after I edited it

    Originally posted by pwihms
    Any ideas on how I would create an action curser to scroll the scene?
    [Edited by pwihms on 07-22-2002 at 01:24 PM]
    http://deadyeti.com/files/Pan.movie has these changes.

    Pretty simple really. First you need a "CHOOSER" this is an element that can show two or more different views. You can use paint objects or child movies if you want it to animate.
    This one is just two paint objects on pointing left and the other right.

    Then in the first scene add a javascript that gets the "arrow" chooser we made with
    arrow=element("arrow");


    then we need a list of actions for the rest
    in the action script put an if then as follows
    Code:
    if arrow position.x > 200
       map.velocity = -(MouseX-120)
       choose view arrow view 2
    else 
      map.velocity  = Abs(MouseX-280)
      choose view arrow view 1
    end
    I did part of it in javascript because it runs a little faster than the actions, but there is no way to change a view in the javascript so you have to put that there.

    Oh by the way I had to change the filename for the background picture to test it, you'll need to reload yours.

    The velocity math just makes it go faster the closer to the edge you get.



  4. #4
    Senior Member
    Join Date
    May 2002
    Posts
    142
    Thanks Blanius! That worked out perfectly. The animation on the arrows adds a nice touch.

  5. #5
    Senior Member
    Join Date
    Jul 2001
    Posts
    173
    THe Dental site is one of the nicest I've seen - great work! how much of it was done in 3dfa ? particularly the scrolling effect - very nice! If its 3dfa-built, may we put a link from our gallery to it ?

    Regards

  6. #6
    Senior Member
    Join Date
    May 2002
    Posts
    142
    Actually, the one at:
    http://www.dentalstudio101.com/popflash.htm
    is not my creation. The dentist, who I am working on a web page for, liked the style and effects of this one. So I worked up a similar style to fit his office. The one That I'm working on for him can be found at:
    http://members.cox.net/windstorm_media/nelson.html

    This is still in the mid point of its development. I hope to have it completed in another month.

    Blanius helped me in duplicating the scrolling effect which I hope to post later this week. It looks very similar.

    Once I complete the site, feel free to post it. All of it will have been completed in 3DFA.

    The pictures in this one are temps. They are Microsoft clipart to fill in the space until I get some actual photos.

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